﻿@charset "UTF-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@import url('iconfont.css');
/*首页*/
hr, img {
    border: 0;
}

body, figure {
    margin: 0;
}

    body > .Coupon_index, body > .container {
        min-height: 560px;
    }

.img-thumbnail, .table, label {
    max-width: 100%;
}

.btn, .dl-horizontal dt, .input-group-btn, .text-nowrap {
    white-space: nowrap;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a {
    background-color: transparent;
    color: #333;
    text-decoration: none;
}

    a:active, a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b, optgroup, strong {
    font-weight: 700;
}

h1 {
    margin: .67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

.img-thumbnail, body {
    background-color: #fff;
}

.btn-negative.active, .btn-negative:active, .btn-positive.active, .btn-positive:active, .btn.active, .btn:active, .form-control, .open > .btn-negative.dropdown-toggle, .open > .btn-positive.dropdown-toggle, .open > .btn.dropdown-toggle {
    background-image: none;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre, textarea {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

td, th {
    padding: 0;
}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    -moz-transition: background-color .25s linear, background-color .25s linear;
    -webkit-transition: background-color .25s linear, background-color .25s linear;
    transition: background-color .25s linear, background-color .25s linear;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
    font-size: 14px;
    line-height: 1.33333;
    color: #666;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

a:focus, a:hover {
    color: #2d8701;
}

a:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.img-rounded {
    border-radius: 5px;
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.33333;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    display: inline-block;
    height: auto;
}

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none;
}

.img-circle {
    border-radius: 50%;
}

hr {
    margin-top: 18px;
    margin-bottom: 18px;
    border-top: 1px solid #bbb;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

[role=button] {
    cursor: pointer;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: #555;
}

.upload-pre-item .btn-close:before, .uploadify .uploadify-button:before {
    font-family: iconfont !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #666;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 18px;
    margin-bottom: 9px;
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%;
    }

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 9px;
    margin-bottom: 9px;
}

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%;
    }

.h1, h1 {
    font-size: 36px;
}

.h2, h2 {
    font-size: 30px;
}

.h3, h3 {
    font-size: 24px;
}

.h4, h4 {
    font-size: 18px;
}

.h5, h5 {
    font-size: 14px;
}

.h6, h6 {
    font-size: 12px;
}

p {
    margin: 0 0 9px;
}

.lead {
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}

dt, label {
    font-weight: 700;
}

address, dd, dt {
    line-height: 1.33333;
}

@media (min-width:768px) {
    .lead {
        font-size: 21px;
    }
}

.small, small {
    font-size: 85%;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.uploadify-queue, caption, th {
    text-align: left;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-muted {
    color: #666;
}

.text-primary {
    color: #2d8701;
}

a.text-primary:hover {
    color: #107c07;
}

.text-info {
    color: #bbb;
}

a.text-info:hover {
    color: #a2a2a2;
}

.text-danger {
    color: #2d8701;
}

a.text-danger:hover {
    color: #c40;
}

.page-header {
    margin: 9px 0;
    border-bottom: 1px solid #dddddd; display:inline-block; width:100%;
}

dl, ol, ul {
    margin-top: 0;
    margin-bottom: 9px;
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0;
    }

.list-inline {
    margin-left: -5px;
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
    }

.container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .row:after, .row:before {
    display: table;
    content: " ";
}

.table, address {
    margin-bottom: 18px;
}

dd {
    margin-left: 0;
}

.dl-horizontal dd:after {
    clear: both;
}

.dl-horizontal dt {
    float: left;
    width: 80px;
    clear: left;
    text-align: right; padding-right:10px;
    overflow: hidden;
    text-overflow: ellipsis; font-weight:400;
}

.cart-list .supplier-box, .clearfix:after, .container-fluid:after, .container:after, .form-horizontal .form-group:after, .message-info, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar:after, .pager:after, .row:after {
    clear: both;
}

.dl-horizontal dd {
    margin-left: 80px; margin-right:20px
}

.container, .container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 7.5px;
    padding-right: 7.5px;
}

@media (min-width:992px) {
    .container {
        width: 955px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1200px;
    }
}

@media (min-width:1600px) {
    .index .container, .category .container {
        width: 1555px;
    }

    .index .footer .slde-menu, .category .footer .slde-menu {
        margin-left: 780px !important;
    }
}

.container-sm {
    width: 735px;
}

.container-md {
    width: 955px;
}

.row {
    margin-left: -7.5px;
    margin-right: -1.5px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    float: left;
}

.padd0 {
    padding: 0px;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    background-color: transparent;
}

caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #666;
}

.table {
    width: 100%;
}

    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        padding: 8px;
        line-height: 1.33333;
        vertical-align: top;
        border-top: 1px solid #dddddd;
    }

    .table > thead > tr > th {
        vertical-align: bottom;
        border-bottom: 2px solid #ddd;
    }

    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0;
    }

    .table > tbody + tbody {
        border-top: 2px solid #ddd;
    }

    .table .table {
        background-color: #fff;
    }

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    padding: 5px;
}

.table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
    border: 1px solid #ddd;
}

    .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border-bottom-width: 2px;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active {
    background-color: #f5f5f5;
}

table col[class*=col-] {
    position: static;
    float: none;
    display: table-column;
}

table td[class*=col-], table th[class*=col-] {
    position: static;
    float: none;
    display: table-cell;
}

.table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr.active:hover > th, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover {
    background-color: #e8e8e8;
}

.table-responsive {
    overflow-x: auto;
    min-height: .01%;
}

@media screen and (max-width:767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 13.5px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }

        .table-responsive > .table {
            margin-bottom: 0;
        }

            .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
                white-space: nowrap;
            }

        .table-responsive > .table-bordered {
            border: 0;
        }

            .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > thead > tr > th:first-child {
                border-left: 0;
            }

            .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > thead > tr > th:last-child {
                border-right: 0;
            }

            .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th {
                border-bottom: 0;
            }
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0;
    min-width: 0;
}

.legend, legend {
    display: block;
    width: 100%;
    padding: 0 0 9px;
    margin-bottom: 18px;
    font-size: 24px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.form-control, output {
    font-size: 14px;
    color: #555;
}

label {
    display: inline-block;
    margin-bottom: 5px;
}

.checkbox, .form-control, .radio, input[type=file], output {
    display: block;
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal;
}

input[type=range] {
    display: block;
    width: 100%;
}

select[multiple], select[size] {
    height: auto;
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

output {
    padding-top: 13px;
    line-height: 1.33333;
}

.form-control {
    width: 100%;
    height: 44px;
    padding: 12px 16px;
    line-height: 1.42857;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}

    .form-control:focus {
        border-color: #cbcbcb;
        outline: 0;
        -webkit-box-shadow: 0 0 1px rgba(203,203,203,.6);
        box-shadow: 0 0 1px rgba(203,203,203,.6);
    }

    .form-control::-moz-placeholder {
        color: #aaa;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #aaa;
    }

    .form-control::-webkit-input-placeholder {
        color: #aaa;
    }

.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date], input[type=time], input[type=datetime-local], input[type=month] {
        line-height: 44px;
    }

        .input-group-sm input[type=date], .input-group-sm input[type=time], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, .input-group-sm > input[type=time].form-control, .input-group-sm > input[type=time].input-group-addon, .input-group-sm > input[type=datetime-local].form-control, .input-group-sm > input[type=datetime-local].input-group-addon, .input-group-sm > input[type=month].form-control, .input-group-sm > input[type=month].input-group-addon, input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm {
            line-height: 30px;
        }
}

.form-group {
    margin-bottom: 15px;
}

.checkbox, .radio {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .checkbox label, .radio label {
        min-height: 18px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer;
    }

    .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px;\9
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px;
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer;
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px;
    }

    .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
        cursor: not-allowed;
    }

.form-control-static {
    padding-top: 13px;
    padding-bottom: 13px;
    margin-bottom: 0;
    min-height: 32px;
}

    .form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
        padding-left: 0;
        padding-right: 0;
    }

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm {
    height: 30px;
    line-height: 30px;
}

.input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm {
    height: auto;
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px;
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto;
}

.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    min-height: 30px;
}

.has-feedback {
    position: relative;
}

    .has-feedback .form-control {
        padding-right: 55px;
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    pointer-events: none;
}

.upload-pre-item, .uploadify {
    position: relative;
}

.input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        -webkit-box-shadow: 0 0 1px #67b168;
        box-shadow: 0 0 1px #67b168;
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8;
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label {
    color: #8a6d3b;
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        -webkit-box-shadow: 0 0 1px #c0a16b;
        box-shadow: 0 0 1px #c0a16b;
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: 0 0 1px #ce8483;
        box-shadow: 0 0 1px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
}

.has-feedback label ~ .form-control-feedback {
    top: 23px;
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #a6a6a6;
}

@media (min-width:768px) {
    .form-inline .form-control-static, .form-inline .form-group {
        display: inline-block;
    }

    .form-inline .control-label, .form-inline .form-group {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0;
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }

    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 13px;
    }
}

.btn-block, input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
    width: 100%;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 13px;
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 31px;
}

.form-horizontal .form-group {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

    .form-horizontal .form-group:after, .form-horizontal .form-group:before {
        content: " ";
        display: table;
    }

.form-horizontal .has-feedback .form-control-feedback {
    right: 7.5px;
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
    }
}

.form-info {
    padding-top: 13px;
}

.select-box select {
    margin-right: 5px;
    border: 1px solid #eee;
    height: 36px;
    background-color: #fff;
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #dfdfdf;
    padding: 12px 32px;
    font-size: 16px;
    line-height: 1.125;
    border-radius: 4px;
    color: #333;
    background-color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.btn-sm, .btn-xs {
    font-size: 12px;
    line-height: 1.5;
}

.btn.active, .btn.focus, .btn:active, .btn:focus, .btn:hover, .open > .btn.dropdown-toggle {
    color: #333;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

.btn.disabled, .btn.disabled.active, .btn.disabled.focus, .btn.disabled:active, .btn.disabled:focus, .btn.disabled:hover, .btn[disabled], .btn[disabled].active, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled]:focus, .btn[disabled]:hover, fieldset[disabled] .btn, fieldset[disabled] .btn.active, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:hover {
    background-color: #fff;
    border-color: #dfdfdf;
}

.btn .badge {
    color: #fff;
    background-color: #333;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
    outline: 0;
}

.btn.active, .btn:active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn-positive {
    color: #fff;
    background-color: #2d8701;
    border-color: #2d8701;
}

    .btn-positive.active, .btn-positive.focus, .btn-positive:active, .btn-positive:focus, .btn-positive:hover, .open > .btn-positive.dropdown-toggle {
        color: #fff;
        background-color: #33AF28;
        border-color: #33AF28;
    }

    .btn-positive.disabled, .btn-positive.disabled.active, .btn-positive.disabled.focus, .btn-positive.disabled:active, .btn-positive.disabled:focus, .btn-positive.disabled:hover, .btn-positive[disabled], .btn-positive[disabled].active, .btn-positive[disabled].focus, .btn-positive[disabled]:active, .btn-positive[disabled]:focus, .btn-positive[disabled]:hover, fieldset[disabled] .btn-positive, fieldset[disabled] .btn-positive.active, fieldset[disabled] .btn-positive.focus, fieldset[disabled] .btn-positive:active, fieldset[disabled] .btn-positive:focus, fieldset[disabled] .btn-positive:hover {
        background-color: #2d8701;
        border-color: #2d8701;
    }

    .btn-positive .badge {
        color: #2d8701;
        background-color: #fff;
    }

.btn-negative {
    color: #fff;
    background-color: #2d8701;
    border-color: #2d8701;
}

    .btn-negative.active, .btn-negative.focus, .btn-negative:active, .btn-negative:focus, .btn-negative:hover, .open > .btn-negative.dropdown-toggle {
        color: #fff;
        background-color: #e64d00;
        border-color: #e64d00;
    }

    .btn-negative.disabled, .btn-negative.disabled.active, .btn-negative.disabled.focus, .btn-negative.disabled:active, .btn-negative.disabled:focus, .btn-negative.disabled:hover, .btn-negative[disabled], .btn-negative[disabled].active, .btn-negative[disabled].focus, .btn-negative[disabled]:active, .btn-negative[disabled]:focus, .btn-negative[disabled]:hover, fieldset[disabled] .btn-negative, fieldset[disabled] .btn-negative.active, fieldset[disabled] .btn-negative.focus, fieldset[disabled] .btn-negative:active, fieldset[disabled] .btn-negative:focus, fieldset[disabled] .btn-negative:hover {
        background-color: #2d8701;
        border-color: #2d8701;
    }

    .btn-negative .badge {
        color: #2d8701;
        background-color: #fff;
    }

.btn-link {
    color: #333;
    font-weight: 400;
    border-radius: 0;
}

    .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {
            border-color: transparent;
        }

            .btn-link:focus, .btn-link:hover {
                color: #2d8701;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
                color: #666;
                text-decoration: none;
            }

.btn-sm {
    padding: 5px 20px;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 10px;
    border-radius: 2px;
}

.btn-block {
    display: block;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

.uploadify > object {
    left: 0;
}

.uploadify .uploadify-button {
    line-height: 70px;
    font-size: 40px;
    margin-top: -5px;
    margin-left: -2px;
}

    .uploadify .uploadify-button:before {
        line-height: 60px;
    }

.upload-pre-item > img {
    width: 84px;
    height: 84px;
}

.upload-pre-item .btn-close {
    position: absolute;
    top: -10px;
    right: -10px;
    line-height: 16px;
    font-size: 16px;
    background: #FFF;
    border: 1px solid #E2E2E2;
    border-radius: 30px;
    padding: 2px 4px;
    cursor: pointer;
    display: none;
}

    .upload-pre-item .btn-close:before {
        margin-top: -4px;
    }

.navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before {
    content: " ";
    display: table;
}

.upload-pre-item .btn-close:hover {
    background: #F9F9F9;
    border-color: #D2D2D2;
}

.upload-pre-item:hover .btn-close {
    display: block;
}

.collapse, .uploadify-queue .cancel {
    display: none;
}

.uploadify-queue {
    width: auto;
    line-height: 25px;
    position: absolute;
    top: -30px;
}

.collapsing, .input-group, .input-group-btn, .input-group-btn > .btn {
    position: relative;
}

.uploadify-queue .uploadify-progress {
    width: 100%;
}

    .uploadify-queue .uploadify-progress > .uploadify-progress-bar {
        background: #0C0;
        height: 3px;
        overflow: hidden;
    }

.progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-positive {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
}

@-webkit-keyframes scaleIn {
    from {
        -webkit-transform: scale(1.2);
        opacity: 0;
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes scaleIn {
    from {
        transform: scale(1.2);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes scaleOut {
    from {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    to {
        -webkit-transform: scale(.8);
        opacity: 0;
    }
}

@keyframes scaleOut {
    from {
        transform: scale(1);
        opacity: 1;
    }

    to {
        transform: scale(.8);
        opacity: 0;
    }
}

@-webkit-keyframes fadeOutScale {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0) scale3d(1.5, 1.5, 1.5);
        transform: translate3d(0, -100px, 0) scale3d(1.5, 1.5, 1.5);
    }
}

@keyframes fadeOutScale {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0) scale3d(1.5, 1.5, 1.5);
        transform: translate3d(0, -100px, 0) scale3d(1.5, 1.5, 1.5);
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .25s linear;
    -o-transition: opacity .25s linear;
    transition: opacity .25s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse.in {
    display: block;
}

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}

.input-group {
    display: table;
    border-collapse: separate;
}

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

    .input-group .form-control, .input-group-addon, .input-group-btn {
        display: table-cell;
    }

        .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #bbb;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}

    .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    font-size: 0;
}

    .input-group-btn > .btn + .btn {
        margin-left: -1px;
    }

    .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
        z-index: 2;
    }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        margin-left: -1px;
    }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
}

    .nav:after, .nav:before {
        content: " ";
        display: table;
    }

    .nav > li, .nav > li > a {
        display: block;
        position: relative;
    }

        .nav > li > a {
            padding: 10px 35px;
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
            }

        .nav > li.disabled > a {
            color: #666;
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #666;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed;
            }

    .nav .nav-divider {
        height: 1px;
        margin: 8px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .nav > li > a > img {
        max-width: none;
    }

.nav-tabs {
    border-bottom: 1px solid #ddd;
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
        display: inline-block;
    }

        .nav-tabs > li > a {
            margin-right: 5px;
            line-height: 1.33333;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0;
        }

.navbar-brand, .navbar-nav > li > a {
    line-height: 18px;
    font-size: 16px;
}

.nav-tabs > li > a:hover {
    border-color: #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.navbar {
    position: relative;
    min-height: 48px;
}

.navbar-header:after {
    clear: both;
}

.navbar-collapse {
    overflow-x: visible;
    padding-right: 7px;
    padding-left: 7px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

@media (min-width:768px) {
    .navbar {
        border-radius: 0;
    }

    .navbar-header {
        float: left;
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

        .navbar-collapse.in {
            overflow-y: visible;
        }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-static-top {
        border-radius: 0;
    }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: 340px;
}

@media (max-device-width:480px) and (orientation:landscape) {
    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
        max-height: 200px;
    }
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin-right: -7px;
    margin-left: -7px;
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom, .navbar-fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

.navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
}

.navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
}

.navbar-brand {
    float: left;
    padding: 15px 28px;
    height: 48px;
}

    .navbar-brand:focus, .navbar-brand:hover {
        text-decoration: none;
    }

    .navbar-brand > img {
        display: block;
    }

.navbar-nav {
    margin: 7.5px -7px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

@media (min-width:768px) {
    .navbar-fixed-bottom, .navbar-fixed-top {
        border-radius: 0;
    }

    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }
}

.navbar-form {
    padding: 10px 7px;
    margin: 6px -7px;
}

@media (min-width:768px) {
    .navbar-form .form-control-static, .navbar-form .form-group {
        display: inline-block;
    }

    .navbar-form .control-label, .navbar-form .form-group {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .navbar-form .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .navbar-form .input-group {
        display: inline-table;
        vertical-align: middle;
    }

        .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn {
            width: auto;
        }

        .navbar-form .input-group > .form-control {
            width: 100%;
        }

    .navbar-form .checkbox, .navbar-form .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

        .navbar-form .checkbox label, .navbar-form .radio label {
            padding-left: 0;
        }

        .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] {
            position: relative;
            margin-left: 0;
        }

    .navbar-form .has-feedback .form-control-feedback {
        top: 0;
    }
}

.navbar-form .form-group {
    position: relative;
}

@media (max-width:767px) {
    .navbar-form .form-group {
        margin-bottom: 5px;
    }

        .navbar-form .form-group:last-child {
            margin-bottom: 0;
        }
}

.navbar-form .form-group .form-control {
    padding-right: 36px;
    height: 36px;
    border: none;
}

.navbar-form .form-group .icon-search {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    line-height: 1;
    color: #aaa;
    z-index: 1;
    text-decoration: none;
}

.navbar-btn {
    margin-top: 2px;
    margin-bottom: 2px;
}

    .navbar-btn.btn-sm {
        margin-top: 9px;
        margin-bottom: 9px;
    }

    .navbar-btn.btn-xs {
        margin-top: 13px;
        margin-bottom: 13px;
    }

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:768px) {
    .navbar-form {
        width: auto;
        border: 0;
        margin-left: 0;
        margin-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .navbar-text {
        float: left;
        margin-left: 7px;
        margin-right: 7px;
    }

    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }

        .navbar-right ~ .navbar-right {
            margin-right: 0;
        }
}

.navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #555;
        background-color: #eee;
    }

    .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:focus, .navbar-default .navbar-nav > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-default .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #ddd;
        }

        .navbar-default .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #eee;
        color: #555;
    }

    .navbar-default .navbar-link {
        color: #777;
    }

        .navbar-default .navbar-link:hover {
            color: #333;
        }

    .navbar-default .btn-link {
        color: #777;
    }

        .navbar-default .btn-link:focus, .navbar-default .btn-link:hover {
            color: #333;
        }

        .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover {
            color: #ccc;
        }

.navbar-inverse {
    background-color: #2d8701;
    border-color: #107c07;
}

    .navbar-inverse .navbar-brand {
        color: #fff;
    }

        .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-text {
        color: #f06493;
    }

    .navbar-inverse .navbar-nav > li > a {
        color: #f9c1d4;
    }

        .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
            color: #fff;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: #dd1659;
    }

    .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }

    .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
        border-color: #cf1454;
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        background-color: #dd1659;
        color: #fff;
    }

    .navbar-inverse .navbar-link {
        color: #f9c1d4;
    }

        .navbar-inverse .navbar-link:hover {
            color: #fff;
        }

    .navbar-inverse .btn-link {
        color: #f9c1d4;
    }

        .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover {
            color: #fff;
        }

        .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover {
            color: #444;
        }

.breadcrumb {
    padding: 10px 0;
    margin-bottom: 0;
    list-style: none;
}

    .breadcrumb > li {
        display: inline-block;
    }

        .breadcrumb > li + li:before {
            content: "> ";
            padding: 0 5px;
            color: #ccc;
        }

    .breadcrumb > .active {
        color: #666;
    }

.page {
    display: block;
    padding-left: 0;
    margin: 18px 0;
    border-radius: 4px;
    text-align: center;
}

    .page > div {
        display: inline-block;
    }

        .page > div > a, .page > div > span {
            position: relative;
            float: left;
            padding: 12px 20px;
            line-height: 1.33333;
            text-decoration: none;
            color: #333;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px;
        }

.badge, .label {
    line-height: 1;
    vertical-align: baseline;
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
}

.page > div > a:focus, .page > div > a:hover, .page > div > span:focus, .page > div > span:hover {
    color: #2d8701;
    background-color: #eee;
    border-color: #ddd;
}

.page > div > .current, .page > div > .current:focus, .page > div > .current:hover {
    z-index: 2;
    color: #fff;
    background-color: #2d8701;
    border-color: #2d8701;
    cursor: default;
}

.page > div > .rows {
    color: #999;
}

.page > .disabled > a, .page > .disabled > a:focus, .page > .disabled > a:hover, .page > .disabled > span, .page > .disabled > span:focus, .page > .disabled > span:hover {
    color: #666;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed;
}

.page-sm > li > a, .page-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
}

.page-sm > li:first-child > a, .page-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}

.page-sm > li:last-child > a, .page-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.pager {
    padding-left: 0;
    margin: 18px 0;
    list-style: none;
    text-align: center;
}

    .pager:after, .pager:before {
        content: " ";
        display: table;
    }

    .pager li {
        display: inline;
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px;
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee;
            }

    .pager .next > a, .pager .next > span {
        float: right;
    }

    .pager .previous > a, .pager .previous > span {
        float: left;
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #666;
        background-color: #fff;
        cursor: not-allowed;
    }

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    color: #fff;
    border-radius: .25em;
    background-color: #666;
}

    .label[href]:focus, .label[href]:hover {
        background-color: #4d4d4d;
    }

    .label:empty {
        display: none;
    }

.btn .label {
    position: relative;
    top: -1px;
}

a.label:focus, a.label:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.label-positive {
    background-color: #2d8701;
}

    .label-positive[href]:focus, .label-positive[href]:hover {
        background-color: #107c07;
    }

.label-negative {
    background-color: #2d8701;
}

    .label-negative[href]:focus, .label-negative[href]:hover {
        background-color: #c40;
    }

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    color: #fff;
    background-color: #666;
    border-radius: 10px;
}

    .badge:empty {
        display: none;
    }

.list-item, .media-object {
    display: block;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.btn-xs .badge, .btn-xs > .btn .badge {
    top: 0;
    padding: 1px 5px;
}

.list-item.active > .badge, .nav-pills > .active > a > .badge {
    color: #333;
    background-color: #fff;
}

.list-item > .badge {
    float: right;
}

    .list-item > .badge + .badge {
        margin-right: 5px;
    }

.nav-pills > li > a > .badge {
    margin-left: 3px;
}

a.badge:focus, a.badge:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.list {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-item {
    position: relative;
    padding: 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #eee;
}

a.list-item {
    color: #555;
}

    a.list-item .list-item-heading {
        color: #333;
    }

    a.list-item:focus, a.list-item:hover {
        text-decoration: none;
        color: #555;
        background-color: #f8f8f8;
    }

.list-item.disabled, .list-item.disabled:focus, .list-item.disabled:hover {
    background-color: #bbb;
    color: #666;
    cursor: not-allowed;
}

    .list-item.disabled .list-item-heading, .list-item.disabled:focus .list-item-heading, .list-item.disabled:hover .list-item-heading {
        color: inherit;
    }

    .list-item.disabled .list-item-text, .list-item.disabled:focus .list-item-text, .list-item.disabled:hover .list-item-text {
        color: #666;
    }

.list-item.active, .list-item.active:focus, .list-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #2d8701;
    border-color: #2d8701;
}

    .list-item.active .list-item-heading, .list-item.active .list-item-heading > .small, .list-item.active .list-item-heading > small, .list-item.active:focus .list-item-heading, .list-item.active:focus .list-item-heading > .small, .list-item.active:focus .list-item-heading > small, .list-item.active:hover .list-item-heading, .list-item.active:hover .list-item-heading > .small, .list-item.active:hover .list-item-heading > small {
        color: inherit;
    }

    .list-item.active .list-item-text, .list-item.active:focus .list-item-text, .list-item.active:hover .list-item-text {
        color: #fbd8e4;
    }

.list-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

.media {
    margin-top: 15px;
}

    .alert h4, .media:first-child {
        margin-top: 0;
    }

.media, .media-body {
    zoom: 1;
    overflow: hidden;
}

.media-body {
    width: 10000px;
}

.media-right, .media > .pull-right {
    padding-left: 10px;
}

.media-left, .media > .pull-left {
    padding-right: 10px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.thumbnail, .thumbnail.thumbnail-fav:hover .thumbnail-menu {
    display: block;
}

.media-middle {
    vertical-align: middle;
}

.media-bottom {
    vertical-align: bottom;
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.media-list {
    padding-left: 0;
    list-style: none;
}
/*首页*/
.index {
    background: #F3f3f3;
}

    .index .item-title h3 {
        text-align: center;
        height: 80px;
        padding-top: 40px;
    }

        .index .item-title h3 span {
            border-top: solid 1px #333;
            width: 456px;
            display: block;
            margin: 0px auto;
        }

            .index .item-title h3 span a {
                display: block;
                width: 180px;
                margin: -20px auto;
                background: #F3f3f3;
            }

/*商品列表*/
.category {
    background: #F3f3f3;
}
/*商品详情*/
.Item_detail {
    background: #F3f3f3;
}

/*商品列表样式*/
.thumbnail {
    margin-bottom: 15px;
    line-height: 1.33333;
    background-color: #fff;
    border-color: rgba(255, 255,255, 0.1);
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    ransition: border .2s ease-in-out;
    overflow: hidden;
animation:myfirst 3s;
-moz-animation:myfirst 3s; /* Firefox */
-webkit-animation:myfirst 3s; /* Safari and Chrome */
-o-animation:myfirst 3s; /* Opera */ position:relative;
}
    .thumbnail:hover {
        /*border-color: #2d8701;*/
		    -webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0px,-2px,0px);
    -moz-transform: translate3d(0px,-2px,0px);
    -ms-transform: translate3d(0px,-2px,0px);
    -o-transform: translate3d(0px,-2px,0px);
    transform: translate3d(0px,-2px,0px);
    z-index: 2;
    }

    .thumbnail a > img, .thumbnail > img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .thumbnail .caption {
        padding: 9px;
        /* text-align: center; */
        color: #666;
    }

        .thumbnail .caption > .thumbnail-label {
            text-overflow: ellipsis;
            height: 48px;
            line-height: 1.6em;
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            font-size: 14px;
            margin-top: 2px;
            margin-bottom: 0;
        }

        .thumbnail .caption .thumbnail-info {
        }

            .thumbnail .caption .thumbnail-info h3 {
                margin: 0;
                font-size: 16px;
                color: #f77c04;
            }

        .thumbnail .caption .btn-sm {
            border-radius: 3px;
            font-size: 14px;
            color: #666;
            padding: 0;
            margin: 0;
            float: right;
            border: none;
            font-size: 12px;
            line-height: 30px;
        }

            .thumbnail .caption .btn-sm:hover {
               /* border-color: #2d8701;
                color: #2d8701;*/
            }
 .thumbnail .item_shop_info{ width:100%; position:absolute;bottom:0px;  background-color:rgba(255,255,255,0.90); transition-property:height;animation:myfirst 1s; opacity:0; padding:0 10px;
transition-property: all;
transition-timing-function: ease;
transition-delay: 0s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease;
-webkit-transition-delay: 0s;
-ms-transition-property: all;
-ms-transition-timing-function: ease;
-ms-transition-delay: 0s;
-moz-transition-property: all;
-moz-transition-timing-function: ease;
-moz-transition-delay: 0s;
-o-transition-property: all;
-o-transition-timing-function: ease;
-o-transition-delay: 0s;line-height: 30px; border-bottom: 1px dashed #eeeeee;}
		 .thumbnail:hover .item_shop_info{ opacity:1}
		 .thumbnail .item_shop_info a{ font-size:12px; }
		 .thumbnail .item_shop_info .shop_name{ color:#000000; float:left;width: 86%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
		 .thumbnail .item_shop_info i{ color:#2d8701; float:right;}
    /*shop_select*/
    .thumbnail.shopItemList .shop_item_btn {
        position: absolute;
        width: 210px;
        height: 210px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: rgba(0,0,0,0.5);
        top: 0px;
        left: 0px;
    }

        .thumbnail.shopItemList .shop_item_btn.J_item_remove {
            background-image: url(../images/shop_item_remove.png);
        }

        .thumbnail.shopItemList .shop_item_btn.J_item_add {
            background-image: url(../images/shop_item_add.png);
        }

    .thumbnail.thumbnail-fav {
        position: relative;
    }

        .thumbnail.thumbnail-fav .thumbnail-label {
            margin-bottom: 8px; /*font-size: 14px;*/
        }

        .thumbnail.thumbnail-fav .thumbnail-info {
            padding-top: 10px;
            margin-bottom: 0px;
        }

            .thumbnail.thumbnail-fav .thumbnail-info .text-danger {
                color: #666;
            }

            .thumbnail.thumbnail-fav .thumbnail-info .sdp-price {
                color: #F60;
                font-weight: normal;
            }
/*
.thumbnail.thumbnail-fav .thumbnail-menu {
	position: absolute;
	left: -1px;
	bottom: -10px;
	padding: 6px 2.5%;
	width: 100%;
	background-color: #f9f9f9
}*/
.modal, .modal-backdrop {
    left: 0;
    bottom: 0;
    right: 0;
}

.thumbnail.thumbnail-fav .thumbnail-menu > .btn {
    padding: 6px;
    width: 48%;
    text-align: center;
    font-size: 14px;
}

.thumbnail.thumbnail-fav:hover {
    border-color: #999;
}

.alert {
    padding: 15px;
    margin-bottom: 18px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .alert h4 {
        color: inherit;
    }

    .alert .alert-link {
        font-weight: 700;
    }

    .alert > p, .alert > ul {
        margin-bottom: 0;
    }

        .alert > p + p {
            margin-top: 5px;
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px;
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit;
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #2b542c;
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f;
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #245269;
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}

    .alert-warning hr {
        border-top-color: #f7e1b5;
    }

    .alert-warning .alert-link {
        color: #66512c;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

    .alert-danger hr {
        border-top-color: #e4b9c0;
    }

    .alert-danger .alert-link {
        color: #843534;
    }

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.progress {
    overflow: hidden;
    height: 18px;
    margin-bottom: 18px;
    background-color: #eee;
    border-radius: 9px;
}

.progress-bar, .progress-bar-positive {
    background-color: #2d8701;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-bar-striped, .progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-striped .progress-bar-positive {
    background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
}

.progress-bar-negative {
    background-color: #2d8701;
}

.progress-striped .progress-bar-negative {
    background-image: -webkit-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);
}

.close {
    float: right;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .1;
    filter: alpha(opacity=10);
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .2;
        filter: alpha(opacity=20);
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}

.modal-open {
    overflow: hidden;
}

.modal {
    display: none;
    overflow: visible;
    height: 0px;
    position: fixed;
    top: 25%;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-animation-name: scaleOut;
        animation-name: scaleOut;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .modal.in .modal-dialog {
        -webkit-animation-name: scaleIn;
        animation-name: scaleIn;
        -webkit-animation-duration: .2s;
        animation-duration: .2s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

.modal-open .modal {
    /*
	overflow-x: hidden;
	overflow-y: auto*/
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}

.modal-content {
    position: relative;
    background-color: #f8f8f8;
    background-clip: padding-box;
    outline: 0;
    top: -130px;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    z-index: 1040;
    background-color: #000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16px;
}

    .modal-header .close {
        margin-top: -15px;
        width: 48px;
        height: 48px;
    }

        .modal-header .close:active, .modal-header .close:focus, .modal-header .close:hover {
            background-color: #aaa;
        }

        .modal-header .close .icon {
            top: -4px;
            font-size: 28px;
            font-weight: 100;
        }

.modal-title {
    margin: 0;
    line-height: 1;
}

.modal-body {
    position: relative;
    padding: 15px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    text-decoration: none;
}

    .modal-footer:after, .modal-footer:before {
        content: " ";
        display: table;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 0 auto;
    }

        .modal-dialog.modal-message {
            width: 500px;
        }

        .modal-dialog .modal-body .info {
            padding: 0 40px;
            font-size: 24px;
        }

            .modal-dialog .modal-body .info .icon {
                min-width: 32px;
                margin-right: 10px;
                font-size: 32px;
            }

                .modal-dialog .modal-body .info .icon.icon-success {
                    color: #2d8701;
                }

                .modal-dialog .modal-body .info .icon.icon-error {
                    color: #2d8701;
                }

                .modal-dialog .modal-body .info .icon.icon-confirm {
                    color: #ffae3a;
                }

        .modal-dialog .modal-body > .loading {
            margin: 20px auto;
            display: block;
        }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.modal-alert {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 20px;
    min-width: 240px;
    height: 0;
    background-color: rgba(0,0,0,.8);
    border-radius: 0 0 5px 5px;
    color: #f9f9f9;
    z-index: 1060;
    display: inline-table;
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
    bottom: 0;
}

.modal-alert > .icon {
    margin-right: 8px;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90);
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0;
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px;
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0;
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px;
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
}

.tooltip.top-right .tooltip-arrow {
    left: 5px;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
}

.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px;
}

.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px;
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.icon, .order-pay-extend .item-box .coupon-list li i, .order-pay-extend .item-box .coupon-result i, .yen, address, cite, dfn, em, i, var {
    font-style: normal;
}

.navbar-brand, .navbar-nav > li {
    border-right: 1px solid #eee;
}

.header-page, .nav-category-list .item, .navbar {
    border-bottom: 1px solid #eee;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

html {
    position: relative;
    min-height: 100%;
}

ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
}

a, a:active, a:focus, a:hover {
    text-decoration: none;
}

.yen {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 65%;
    vertical-align: middle;
}

/*重写*/
.right {
    float: right;
}

#site-nav {
    width: 100%;
    height: 30px;
    border-bottom: #dddddd 1px solid;
    background: #f2f2f2;
    color: #666666;
    line-height: 30px;
    font-size: 14px;
}

    #site-nav p {
        display: block;
    }

    #site-nav ul li {
        float: left;
        padding-left: 25px;
        position: relative;
        display: inline-block;
    }

    #site-nav ul li {
    }

    #site-nav a i {
        color: #339402;
    }

    #site-nav i.sanjiao {
        border-color: #333 transparent transparent;
        display: inline-block;
        width: 0;
        height: 0;
        border-width: 5px;
        overflow: hidden;
        border-style: solid dotted dotted;
        position: relative;
        top: 3px;
    }

    #site-nav .menu-sub {
        width: 120px;
        position: absolute;
        background: #f2f2f2;
        border: 1px #dddddd solid;
        padding: 10px;
        top: 29px;
        border-top: #f2f2f2 solid 1px;
        right: -27px;
        z-index: 10;
        display: none;
    }

        #site-nav .menu-sub li {
            width: 100%;
            padding: 0;
            text-align: center;
        }

    #site-nav .user:hover ul.menu-sub {
        display: block;
    }

    #site-nav .menu-sub a {
        width: 100%;
        padding: 5px 0;
        border-bottom: 1px dotted #dddddd;
        display: inline-block;
    }

    #site-nav .menu-sub li:hover {
        background: #ffffff;
    }



.header {
    background-color: #fff;
}

.navbar {
    margin-bottom: 0;
    border-top: 1px solid #eee;
}

.cart-box-img {
    position: absolute;
    z-index: 30;
}

.header-top {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .header-top .logo {
    }

    .header-top .header-right {
        margin-top: 15px;
        position: relative;
    }

    .header-top .header-right, .header-top .search, .header-top .cart-box {
        display: block;
        height: 58px;
    }

        .header-top .header-right .search-box {
            width: 100%;
            padding-right: 190px;
        }

        .header-top .header-right .search {
            margin-left: 9px;
            position: relative;
        }

            .header-top .header-right .search .form-group {
                width: 100%;
            }

            .header-top .header-right .search .btn {
                position: absolute;
                right: 0px;
                top: 0px;
            }

            .header-top .header-right .search .form-control {
                display: block;
                width: 100%;
                border-radius: 0;
                vertical-align: middle;
            }

            .header-top .header-right .search .btn {
                margin-left: -5px;
                border-radius: 0;
            }

        .header-top .header-right li {
            display: inline-block;
        }

        .header-top .header-right .sep {
            display: block;
            font-size: 16px;
            line-height: 18px;
            color: #bbb;
        }

        .header-top .header-right a {
            display: inline-block;
            padding-left: 5px;
            padding-right: 5px;
            font-size: 16px;
            text-align: center;
        }

        .header-top .header-right .cart-box {
            position: absolute;
            right: 0px;
            top: 0px;
            height: 44px;
            overflow: hidden;
        }

            .header-top .header-right .cart-box > .btn {
                position: relative;
                padding-left: 20px;
                padding-right: 20px;
                border-radius: 0;
            }

                .header-top .header-right .cart-box > .btn > .icon {
                    float: left;
                    margin: 0 5px 0 0;
                }

                .header-top .header-right .cart-box > .btn > #J_cart_plus {
                    position: absolute;
                    left: 10%;
                    width: 18px;
                    height: 18px;
                    line-height: 18px;
                    border-radius: 50%;
                    background: #333;
                    font-size: 12px;
                    opacity: 0;
                    filter: alpha(opacity=0);
                }

    .header-top .cart .cart-box > .btn > .fade-out {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeOutScale;
        animation-name: fadeOutScale;
    }

body.member .header .right li {
    display: inline-block;
    font-size: 18px;
    margin: 15px;
}

body.member .user-info {
    padding: 20px;
    border-bottom: solid 1px #EEE;
    border-top: solid 1px #EEE;
}

    body.member .user-info .avatar div {
        max-width: 120px;
        margin: 0px auto;
    }

    body.member .user-info .avatar .headpic {
        overflow: hidden;
        display: block;
        border-radius: 50%;
        position: relative;
    }

        body.member .user-info .avatar .headpic img {
            width: 100%;
        }

    body.member .user-info .avatar .edit_btn {
        display: none;
        padding: 10px 0px 10px 0px;
        text-align: center;
        background: rgba(0,0,0,0.5);
        color: #EEE;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

    body.member .user-info .avatar:hover .edit_btn {
        display: block;
    }

    body.member .user-info .detail {
    }

        body.member .user-info .detail h3 {
            font-size: 30px;
        }

body.member .main {
    background: #f3f3f3;
}

    body.member .main .user-container {
        background: #FFF;
    }

body.member .user-nav {
    text-align: right;
}

    body.member .user-nav h3 {
        padding-right: 20px;
    }

    body.member .user-nav li {
        padding-right: 20px;
    }

.padd0 {
    padding: 0px;
}

.header-page {
    padding: 10px 0;
    background: #f9f9f9;
}

.navbar-header {
    position: relative;
    padding-left: 10px;
}

.navbar-brand {
    margin-left: -5px;
    padding-left: 35px;
    min-width: 192px;
    border-left: 1px solid #eee;
}

    .navbar-brand .icon {
        color: #aaa;
    }

.navbar-nav > .active a {
    color: #2d8701;
}

.nav-category-list {
    position: absolute;
    display: none;
    top: 49px;
    z-index: 10;
    width: 192px;
    height: 450px;
    background-color: #f6f6f6;
    border: 1px solid #eee;
    border-top: none;
}

    .nav-category-list.show {
        display: block;
    }

    .nav-category-list .item.active {
        background-color: #fff;
    }

    .nav-category-list .item > a {
        position: relative;
        display: block;
        padding-left: 20px;
        height: 49px;
        line-height: 49px;
        font-size: 16px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

        .nav-category-list .item > a:hover {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            -o-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }

        .nav-category-list .item > a > .icon {
            margin-right: 5px;
            font-size: 22px;
            color: #2d8701;
        }

        .nav-category-list .item > a > .icon-arrow-right {
            float: right;
            font-size: 14px;
            color: #aaa;
        }

    .nav-category-list .item > .sub-list {
        position: absolute;
        display: none;
        top: 0;
        left: 191px;
        padding: 10px 30px;
        width: 500px;
        height: 450px;
        background-color: #fff;
        border: 1px solid #eee;
        border-top: none;
        border-left: none;
    }

        .nav-category-list .item > .sub-list > a {
            display: inline-block;
            margin-right: 30px;
            height: 40px;
            line-height: 40px;
            color: #2d8701;
        }

            .nav-category-list .item > .sub-list > a:hover {
                color: #107c07;
                text-decoration: underline;
            }

.navbar-info {
    margin: 12px 0;
}

    .navbar-info > .info > em {
        padding: 0 2px;
        height: 24px;
        line-height: 24px;
        font-size: 16px;
        vertical-align: -1px;
    }

.footer {
    padding-top: 20px;
    background-color: #444;
}

    .footer li {
        list-style: none;
    }

        .footer li p {
            margin: 0;
            height: 24px;
            line-height: 24px;
            font-size: 12px;
            color: #999;
        }

        .footer li h3 {
            margin: 20px 0 0;
        }

    .footer .article li, .footer .support li {
        float: left;
        width: 20%;
        text-align: center;
    }

    .footer .support a {
        display: inline-block;
        text-decoration: none;
    }

        .footer .support a > h4 {
            color: #999;
        }

        .footer .support a > i[class^=icon] {
            margin: 0 auto 5px;
            width: 60px;
            height: 60px;
            background-repeat: no-repeat;
        }

    .footer .info {
        margin-top: 20px;
        height: 40px;
        line-height: 40px;
        text-align: center;
    }

        .footer .info > a {
            color: #8c8c8c;
        }

        .footer .info > em {
            padding: 0 20px;
        }

    .footer .copyright {
        width: 100%;
        height: 50px;
        display: inline-block;
        text-align: center;
        font-size: 12px;
        line-height: 46px;
        text-decoration: none;
    }

        .footer .copyright p {
            margin: 0;
            border-top: 1px solid #404040;
            text-decoration: none;
        }

            .footer .copyright p a {
                color: #999;
                text-decoration: none;
            }

    .footer .slde-menu {
        position: fixed;
        bottom: 0;
        left: 50%;
        right: auto;
        margin-left: 610px;
        width: 60px;
        z-index: 999;
    }

        .footer .slde-menu > ul > li {
            display: inline-block;
            width: 60px;
            height: 60px;
            line-height: 60px;
            text-align: center;
            background-color: #f9f9f9;
            border-top: 1px solid #fff;
            position: relative;
        }

            .footer .slde-menu > ul > li > span {
                background: #ff3802;
                color: #FFF;
                position: absolute;
                width: 20px;
                height: 20px;
                line-height: 16px;
                text-align: center;
                right: 3px;
                top: 3px;
                font-size: 12px;
                padding: 2px;
                border-radius: 20px;
            }

            .footer .slde-menu > ul > li:hover {
                background-color: #fff;
            }

            .footer .slde-menu > ul > li:first-child {
                border-top: none;
            }

            .footer .slde-menu > ul > li > a {
                color: #fff;
            }

                .footer .slde-menu > ul > li > a > .icon {
                    width: 30px;
                    height: 30px;
                    font-size: 30px;
                    color: #2d8701;
                }

        .footer .slde-menu > .slde-box {
            position: absolute;
            right: 65px;
            bottom: 10px;
            padding: 0 10px 10px;
            width: 115px;
            background: #FFF;
            border: 3px solid #2d8701;
            overflow: hidden;
            display: none;
        }

            .footer .slde-menu > .slde-box > h4 {
                height: 30px;
                line-height: 30px;
                font-size: 100%;
                margin-bottom: 1px;
            }

            .footer .slde-menu > .slde-box > .icon-close {
                position: absolute;
                right: -1px;
                top: -2px;
            }

            .footer .slde-menu > .slde-box > .qrcode-img {
                margin-top: 10px;
            }

            .footer .slde-menu > .slde-box.slde-box-wechat {
                width: 135px;
            }

.page-wrap {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #eee;
    background: #fff;
}

    .page-wrap .jump-msg {
        padding: 20px 30px;
        text-align: center;
    }

        .page-wrap .jump-msg .subject {
            margin-top: 20px;
            line-height: 30px;
            font-size: 32px;
        }

            .page-wrap .jump-msg .subject i {
                display: inline-block;
                margin: 0 10px 0 0;
                width: 40px;
                height: 40px;
                vertical-align: 0;
                font-size: 40px;
            }

                .page-wrap .jump-msg .subject i.icon-success {
                    color: #1abc9c;
                }

                .page-wrap .jump-msg .subject i.icon-error {
                    color: #fe5955;
                }

                .page-wrap .jump-msg .subject i.icon-warning {
                    color: #faa732;
                }

        .page-wrap .jump-msg .action {
            margin-top: 60px;
        }

            .page-wrap .jump-msg .action .btn {
                margin-right: 10px;
            }

        .page-wrap .jump-msg .time {
            margin-top: 20px;
            line-height: 28px;
            color: #aaa;
        }

            .page-wrap .jump-msg .time a {
                color: #2d8701;
            }

.form-group {
    position: relative;
}

    .form-group .form-control.validform-error {
        border-color: #fe5955;
    }

    .form-group .controls p.info, .form-group .validform-checktip {
        height: 44px;
        line-height: 44px;
    }

    .form-group .validform-checktip {
        position: absolute;
        top: 0;
        left: 310px;
        width: 100%;
    }

        .form-group .validform-checktip.validform-right span, .form-group .validform-checktip.validform-wrong span {
            display: inline-block;
            margin: 10px 0;
            padding: 0 15px;
            height: 24px;
            line-height: 24px;
            font-size: 12px;
            border-radius: 3px;
            color: #fff;
        }

            .form-group .validform-checktip.validform-right span:after, .form-group .validform-checktip.validform-wrong span:after {
                right: 100%;
                top: 50%;
                border: solid transparent;
                content: ' ';
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(213,0,0,0);
                border-width: 5px;
                margin-top: -5px;
            }

.home-slider, .item-pic {
    position: relative;
    overflow: hidden;
}

.form-group .validform-checktip.validform-right span {
    display: none;
    background-position: 0 0;
    background-color: #1abc9c;
}

.form-group .validform-checktip.validform-wrong span {
    background-position: 0 -40px;
    background-color: #fe5955;
}

    .form-group .validform-checktip.validform-wrong span:after {
        border-right-color: #fe5955;
    }

.list-filter dl {
    margin: 0;
}

    .list-filter dl dd > .item {
        margin-bottom: 15px;
        padding: 0 20px;
        float: left;
        border-right: 1px solid #eee;
    }

.list-filter dl dd > .item:last-child {border-right: none;}
.list-filter.cate {background: #ffffff;/* border:1px solid #dddddd; */margin: 5px 0;}
.list-filter.cate dl { border-bottom:1px dashed #dddddd;}
.list-filter.cate dt {padding-top: 20px;}
.list-filter.cate dl dd .item {margin-bottom: 15px;padding: 0 20px;float: left;}
.list-filter.cate dl dd span.current a {color: #2d8701;}
.list-filter.cate dl dd{position: relative;background:#ffffff;padding: 19px 0px 10px 0px; overflow:hidden;}
.list-filter.cate dl dd.abc {height: 50px;}
.list-filter.cate dd:last-child {border-bottom: none;}
.list-filter.cate dl dd div {padding-right: 5%;padding-bottom: 5px;}
.list-filter.cate dl dd span.more{position: absolute;right: 0px;top: 15px;cursor: pointer; font-size:12px; display:none;}
.list-filter.cate dl dd span.more_on{ position: absolute;right: 66px;top: 10px;cursor: pointer; font-size:12px;display:block}
.dl-horizontal .showLogo_more_on span.more_on,.dl-horizontal .showLogo_more span.more_on, { display:none;}
.list-filter .dl-horizontal .showLogo{width:88%;position:relative; padding-top:1px; overflow: auto;}
.list-filter .dl-horizontal .search_brand .brand_limit{max-height:198px; overflow:hidden;}
.search_brand{line-height:22px;}
.search_brand a{margin:0; padding:0; padding:0 7px;margin-top:9px;*margin-top:7px;}
.search_brand strong{cursor: pointer;}
.search_brand a.on,.search_brand strong.on{color:#e93b39;}
.search_brand .brand_empty,.search_brand_in .brand_empty{width:43px; height:18px; color:#666; border:1px solid #ededed; text-align: center; line-height: 16px; margin-left:13px; cursor: pointer;background: #fff; text-indent: 0;}
.brand_emptyOn{color: #e93b39!important;border-color: #e93b39!important;}
.brand_search_box{width:120px;height:26px;border:1px solid #ededed;vertical-align: middle;padding:1px 0 0 6px !important;display:none;margin-bottom:10px;background-position: 6px -128px;margin-right: 20px;margin-top: -3px;}
.brand_search_box input{width:90px; outline:0 none;border-left:none; border-right: 0 none;border-bottom: 0 none;border-top: 0 none; padding:0 5px; height: 16px; line-height: 16px;-webkit-border-radius: 0;border-radius:0;}
.brand_search_box input[type = "text"]:focus{border-color: #ededed;-webkit-border-radius: 0;border-radius:0;}
.ot-brand { margin: 17px 0; padding-top: 1px; max-height: 198px;min-height: 99px; height: auto;}
.ot-brand { margin: 17px 0; padding-top: 1px; max-height: 198px;min-height: 99px; height: auto;}
.dl-horizontal .showLogo li { float: left; border: 1px solid #ededed; width: 98px; text-align: center; height: 98px;  overflow: hidden; margin: 0; margin-right: -1px; margin-top: -1px; }
.dl-horizontal .showLogo li a,.dl-horizontal .showLogo a.on,.dl-horizontal .showLogo a:hover.on { padding: 0px; position:static; margin: 0; height: 96px; width: 96px !important; line-height:96px; color: #666; border: 1px solid transparent; _border: 1px solid #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; zoom: 1; }
.dl-horizontal .showLogo li a img { width: 80px; margin: 8px;}
.dl-horizontal .showLogo li a i,.search_brand_list .showLogo a:hover.on i,.search_brand_list .showLogo a.on i{ display: none; position: absolute; right: 6px; top: 6px; width: 8px; height: 8px; background-position: -37px 0 !important; }
.dl-horizontal .showLogo_more_on li:hover, .showLogo_more_on .li-sel,.dl-horizontal .showLogo_more li:hover, .showLogo_more .li-sel { position: relative; border:1px solid #2d8701 !important; }
.dl-horizontal .showLogo_more_on li:hover img, .showLogo_more_on .li-sel img,.dl-horizontal .showLogo_more li:hover img, .showLogo_more .li-sel img{ display:none !important;}
.dl-horizontal .showLogo_more_on li:hover i, .showLogo_more_on .li-sel i,.dl-horizontal .showLogo_more li:hover i, .showLogo_more .li-sel i{ position:absolute; top:0; right:0;}
.dl-horizontal .showLogo_more_on li:hover a, .showLogo_more_on .li-sel a,.dl-horizontal .showLogo_more li:hover a, .showLogo_more .li-sel a{color: #000;z-index: 1;}
.dl-horizontal .showLogo li a{display: inline-block;line-height: 98px;}
.dl-horizontal .showLogo_more{ max-height:600px; }
.dl-horizontal .showLogo_more ul,.dl-horizontal .showLogo_more_on ul{max-height:600px; width: 100%;overflow:auto;}
.dl-horizontal .showLogo_more .more,.dl-horizontal .showLogo_more_on .more{ display:none}
.dl-horizontal .showLogo_more span.more,.dl-horizontal .showLogo_more_on span.more{ display:none}
.list-filter .dl-horizontal .showLogo_more .showLogo,.list-filter .dl-horizontal .showLogo_more_on .showLogo{width:100% !important;max-height:292px!important; overflow:auto;}
.list-filter.cate dl dd span.butns {width:100%;height:48px;text-align:center;position: absolute;right: 0px;bottom: 0px;background:#ffffff;font-size:12px;display:none;}
.list-filter .dl-horizontal .showLogo_more_on span.butns{ display:block !important}
.list-filter .dl-horizontal .showLogo_more_on .showLogo { padding-bottom: 36px;}
.list-filter .dl-horizontal .showLogo_more_on{ padding-right:0 !important;max-height:400px;}
.list-filter.cate dl dd span.butns a{padding: 2px 20px;display:inline-block;margin: 9px 5px 0 5px;border:1px solid #dddddd;border-radius:3px;line-height: 24px;}
.dl-horizontal .showLogo_more span.butns a.submitBtn{ color:#ffffff;}
.list-filter.cate dl dd .item-on{ margin-right:0; height:30px; line-height:30px; padding-left:0; padding-right:0 }
.list-filter.cate dl dd .item-on a{  position:relative;padding:1px 3px;  padding-right:25px;border:1px dotted #2d8701; color:#2d8701; max-width:258px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size: 14px ; margin-right:10px; display:block;  }
.list-filter.cate dl dd .item-on a i{ padding:0 2px; position:absolute; right:5px;}
.list-filter .dl-horizontal dd:nth-child(3) a {font-size: 14px; color: #666666;}
.list-filter.cate dl.crumbAttr{ padding-bottom:0;}
.brandChoice{    background-color: #F2F0EF; border: 1px solid #EFEBE9; border-radius:2px; cursor: pointer; line-height: 14px!important;
    line-height: 15px; padding: 5px 6px 5px 6px;position: relative; text-align: right; display: inline-block; font-size: 12px;}
.list-filter.cate .crumbAttr div{ position:relative; top:-9px; padding:0;}
.list-filter .showLogo_more{padding-left: 45px; padding-right:0 !important;position:relative;max-height:400px;padding: 0;/* border: dotted 1px #dddddd; */}
.list-filter .showLogo_more li i,.list-filter .showLogo_more_on li i{position: absolute;top:0;z-index:2;display:none;width: 20px;height: 19px;/* border-radius:100px; */background: #2d8701;text-align: center;line-height:24px;font-size:12px;right: 0;line-height: 20px;color: #ffffff;}
.list-filter .showLogo_more li.li-sel i{ display: block;}
.list-filter .showLogo_more li{
    /* -webkit-filter: grayscale(100%); */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /* filter: grayscale(100%); */
    filter: gray;
    }
.list-filter .showLogo_more .brand_search_box{ display:block}
.list-filter .showLogo_more .btns{height:30px; position:absolute; bottom:; he}
.list-filter.cate { margin-top: 10px;}


.list-filter.sort {  margin-bottom: 15px;}

    .list-filter.sort > .dl-horizontal {   padding: 30px 0px 10px 0px;    font-size: 14px; }

        .list-filter.sort > .dl-horizontal > dd { margin-left: 0;   }

            .list-filter.sort > .dl-horizontal > dd > a { margin-right: 5px;padding: 0px 20px;font-size: 14px;color: #666;border-left: solid 1px #DDD;}

                .list-filter.sort > .dl-horizontal > dd > a:first-child {border: none;}

                .list-filter.sort > .dl-horizontal > dd > a:hover { /*border-color: #2d8701*/
                }

                .list-filter.sort > .dl-horizontal > dd > a.active {      /*border-color: #2d8701;
	background-color: #2d8701;*/
                    color: #2d8701; /*#fff*/
                }

.list-empty {
    padding: 20px 0;
    line-height: 30px;
    text-align: center;
    color: #aaa;
}

.icon {
    min-width: 16px;
    font-family: iconfont !important;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale;
}

.home-slider {
    display: block;
    height: 450px;
}

    .home-slider > .item > li > a {
        display: block;
        height: 450px;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .home-slider > .item > li > a img {
            display: block;
            width: 100%;
        }

    .home-slider .nav {
        margin-top: -40px;
        margin-left: 190px;
        height: 40px;
        text-align: center;
        zoom: 1;
        z-index: 3;
    }

        .home-slider .nav li {
            float: left;
            height: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: 100;
            color: #fff;
            border-left: 2px solid #fff;
            background-color: rgba(153,153,153,.6);
            cursor: pointer;
            opacity: .8;
            filter: alpha(opacity=80);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99999999, endColorstr=#99999999);
        }

            .home-slider .nav li:first-child {
                border-left: none;
            }

            .home-slider .nav li:last-child {
                border-right: none;
            }

            .home-slider .nav li.on {
                background: rgba(0,0,0,.6);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
            }

            .home-slider .nav li a {
                padding: 0;
                color: #fff;
            }

.home-ads-mid {
    margin: 30px 0;
}

.item-title h3 {
    padding-top: 18px;
    line-height: 28px;
}

    .item-title h3 > a {
        display: block;
    }

        .item-title h3 > a:hover {
            color: #333;
        }

    .item-title h3 .more {
        margin-top: 6px;
        padding: 5px 10px;
        background-color: #2d8701;
        font-size: 12px;
        color: #fff;
    }

    .item-title h3 .icon-box {
        float: left;
        margin-right: 10px;
        width: 28px;
        height: 28px;
        border: 1px solid #2d8701;
        border-radius: 50%;
    }

        .item-title h3 .icon-box > .icon {
            display: block;
            padding: 5px;
            line-height: 1;
            color: #2d8701;
        }

.item-ad {
    float: left;
    display: block;
    width: 60%;
    height: 320px;
    line-height: 320px;
    text-align: center;
    background-color: #eee;
    border-left: 1px solid #eee;
    overflow: hidden;
}

    .item-ad img {
        max-width: none;
        max-height: 100%;
    }

.item-hd {
    border: 1px solid #eee;
    background-color: #fff;
}

.item-pic {
    height: 650px;
    border-right: 1px solid #eee;
}

    .item-pic .hd {
        padding: 10px 0;
        height: 84px;
        border-top: 1px solid #eee;
        text-align: center;
        overflow: hidden;
    }

        .item-pic .hd ul {
            display: inline-block;
            margin: 0 auto;
        }

            .item-pic .hd ul li {
                float: left;
                margin-right: 5px;
                border: 1px solid #eee;
            }

                .item-pic .hd ul li:hover {
                    cursor: pointer;
                }

                .item-pic .hd ul li.on {
                    margin: -1px 4px -1px -1px;
                    border: 2px solid #2d8701;
                }

    .item-pic .bd {
        width: 565px;
        height: 565px;
        line-height: 565px;
        overflow: hidden;
    }

    .item-pic .next, .item-pic .prev {
        position: absolute;
        bottom: 0;
        width: 32px;
        height: 84px;
        line-height: 84px;
        display: inline-block;
        background: #f8f8f8;
        color: #bbb;
        text-align: center;
        text-decoration: none;
    }

        .item-pic .next:hover, .item-pic .prev:hover {
            background-color: #eee;
        }

    .item-pic .prev {
        left: 0;
    }

    .item-pic .next {
        right: 0;
    }

.item-info {
    padding: 0 20px 146px 20px;
}

    .item-info > h3 {
        line-height: 160%;
        color: #333333;
        font-weight: 100;
        line-height: 36px;
    }

    .item-info > .text-summary {
        line-height: 24px;
    }

    .item-info > .panel {
        padding: 10px 0 10px 0;
        margin-top: 20px;
        /*	background-color: #f8f8f8;*/
        position: relative;
        border-top: 1px #dddddd solid;
    }

        .item-info > .panel .item dd, .item-info > .panel .item dt {
            line-height: 36px;
        }

        .item-info > .panel .text-danger {
            color: #f77c04;
        }

        .item-info > .panel .item .text-lg {
            float: left;
            margin-right: 20px;
            font-size: 28px;
            vertical-align: middle;
        }

        .item-info > .panel .item del {
            vertical-align: middle;
        }

        .item-info > .panel .item dd > strong {
            color: #333;
            padding: 0 5px;
        }

        .item-info > .panel .preferential > dd span {
            background: #f28659;
            margin-right: 10px;
            padding: 3px 6px;
            font-size: 12px;
            color: #fff;
        }

        .item-info > .panel .skubox_lists .tips {
            display: none;
        }

        .item-info > .panel .skubox_lists.attention {
            border: 2px solid #2d8701;
            margin-left: -20px;
            padding: 60px 18px 0;
            background-color: #fff;
            position: absolute;
            width: 521px;
            z-index: 10;
        }

            .item-info > .panel .skubox_lists.attention .tips {
                position: absolute;
                top: 0;
                left: 0;
                padding: 7px 10px;
                display: block;
                width: 517px;
                line-height: 24px;
                background-color: #f9f9f9;
            }

                .item-info > .panel .skubox_lists.attention .tips > .close {
                    padding: 4px 10px;
                    line-height: 16px;
                }

                    .item-info > .panel .skubox_lists.attention .tips > .close > .icon {
                        float: left;
                    }

        .item-info > .panel .sku-box {
            margin-bottom: 18px;
        }

            .item-info > .panel .sku-box .spec-lists > li {
                position: relative;
                float: left;
                margin-right: 10px;
                width: 40px;
            }

                .item-info > .panel .sku-box .spec-lists > li > a {
                    display: inline;
                    float: left;
                    position: relative;
                    padding: 0;
                    height: 40px;
                    line-height: 40px;
                    color: #858585;
                    list-style-type: none;
                    text-align: center;
                    word-break: break-all;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                    .item-info > .panel .sku-box .spec-lists > li > a > span {
                        display: none;
                    }

                .item-info > .panel .sku-box .spec-lists > li.choose > a {
                    display: inline-block;
                    width: 100%;
                    border: 1px solid #ccc;
                    background: #fff;
                    cursor: pointer;
                }

                    .item-info > .panel .sku-box .spec-lists > li.choose > a:hover {
                        position: relative;
                        margin: -1px;
                        width: 42px;
                        height: 42px;
                        border: 2px solid #2d8701;
                        box-shadow: 1px 1px 3px #ccc;
                    }

                .item-info > .panel .sku-box .spec-lists > li.choose img {
                    width: 36px;
                    height: 36px;
                    vertical-align: inherit;
                }

                .item-info > .panel .sku-box .spec-lists > li.select a {
                    position: relative;
                    margin: -1px;
                    width: 42px;
                    height: 42px;
                    border: 2px solid #2d8701;
                    box-shadow: 1px 1px 3px #ccc;
                }

                .item-info > .panel .sku-box .spec-lists > li.select span {
                    position: absolute;
                    display: block;
                    bottom: 0;
                    right: 0;
                    width: 16px;
                    height: 16px;
                    border: 8px solid transparent;
                    border-bottom: 8px solid #2d8701;
                    border-right: 8px solid #2d8701;
                    text-indent: -999em;
                }

                    .item-info > .panel .sku-box .spec-lists > li.select span:after {
                        position: absolute;
                        right: -8px;
                        bottom: -8px;
                        width: 6px;
                        height: 6px;
                        display: inline-block;
                        background: url(../images/sprite.png) 0 -40px no-repeat;
                        content: "";
                    }

                .item-info > .panel .sku-box .spec-lists > li.last {
                    margin-right: 0;
                }

            .item-info > .panel .sku-box .spec-lists.color > li.choose a {
                padding: 1px;
            }

            .item-info > .panel .sku-box .spec-lists.text > li {
                width: inherit;
                margin-bottom: 4px;
            }

                .item-info > .panel .sku-box .spec-lists.text > li.choose a {
                    padding: 1px 10px;
                    height: 36px;
                    line-height: 36px;
                }

                    .item-info > .panel .sku-box .spec-lists.text > li.choose a:hover, .item-info > .panel .sku-box .spec-lists.text > li.select a {
                        width: inherit;
                        margin: 0;
                        padding: 0 9px;
                    }

        .item-info > .panel > .num .minus, .item-info > .panel > .num .plus {
            float: left;
            width: 50px;
            height: 36px;
            border: 1px solid #dedede;
            background-color: #eee;
            line-height: 36px;
            text-align: center;
            font-size: 19px;
            text-decoration: none;
        }

            .item-info > .panel > .num .minus.disabled, .item-info > .panel > .num .plus.disabled {
                color: #ccc;
            }

        .item-info > .panel > .num input {
            float: left;
            width: 70px;
            height: 36px;
            border: 1px solid #dedede;
            border-right: none;
            border-left: none;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            font-size: 16px;
            text-align: center;
        }

            .item-info > .panel > .num input:focus {
                border-color: #dedede;
            }

        .item-info > .panel > .num .stock {
            margin-left: 20px;
        }

        .item-info > .panel > .send-item {
            position: absolute;
            top: 5px;
            right: 5px;
            width: 213px;
            text-align: right;
        }

            .item-info > .panel > .send-item span.item {
                display: inline-block;
                margin-right: 3px;
                margin-bottom: 5px;
            }

                .item-info > .panel > .send-item span.item > a {
                    border: 1px dotted #CCC;
                    display: inline-block;
                    border-radius: 3px;
                    padding: 1px;
                    opacity: .85;
                    filter: alpha(opacity=85);
                }

                    .item-info > .panel > .send-item span.item > a:hover {
                        opacity: 1;
                        filter: alpha(opacity=100);
                    }

            .item-info > .panel > .send-item span.title {
                background: #ff5702;
                color: #FFF;
                padding: 3px 5px;
                border-radius: 3px;
                font-size: 12px;
                margin-right: 5px;
                font-weight: 400;
            }

    .item-info > .buy {
        padding: 0px 0 20px 0;
    }

        .item-info > .buy > .item {
            float: left;
            width: 50%;
        }

            .item-info > .buy > .item:first-child {
                padding-right: 5px;
            }

            .item-info > .buy > .item:last-child {
                padding-left: 5px;
            }

            .item-info > .buy > .item > .btn {
                position: relative;
                width: 100%;
                text-align: center;
            }

                .item-info > .buy > .item > .btn > .icon {
                    padding-right: 5px;
                    font-size: 20px;
                }

    .item-info > .wechat {
        height: 80px;
        line-height: 24px;
        position: relative;
    }

        .item-info > .wechat img {
            float: left;
            margin-right: 10px;
            width: 80px;
            height: 80px;
        }

        .item-info > .wechat h4 {
            padding-left: 40px;
            height: 40px;
            line-height: 40px;
            color: #333;
        }

            .item-info > .wechat h4 .icon {
                font-size: 24px;
                color: #44b549;
            }

    .item-info > .share .fav-add {
        position: absolute;
        top: 27px;
        right: 0px;
    }

    .item-info > .share {
        box-sizing: border-box;
        margin-top: 15px;
        border-top: 1px solid #eee;
        padding: 24px 0;
        position: absolute;
        bottom: 0px;
        width: 90%;
        height: 83px;
        display: inline-flex;
    }

        .item-info > .share > .text-share {
            margin-right: 10px;
            height: 30px;
            line-height: 30px;
            color: #bbb;
        }

        .item-info > .share > .item {
            float: left;
            margin-right: 20px;
            width: 30px;
            height: 30px;
            text-align: center;
            opacity: .75;
            filter: alpha(opacity=75);
        }

            .item-info > .share > .item:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

            .item-info > .share > .item > .icon {
                display: inline-block;
                width: 30px;
                height: 30px;
                background: url(../images/sprite.png) no-repeat;
            }

                .item-info > .share > .item > .icon.icon-share-weibo {
                    background-position: 0 0;
                }

                .item-info > .share > .item > .icon.icon-share-qzone {
                    background-position: -40px 0;
                }

                .item-info > .share > .item > .icon.icon-share-weixin {
                    background-position: -80px 0;
                }

.seckill-box {
    font-size: 16px;
    padding-top: 10px;
}
.bacgfff{ background:#fff}
.item-intro, .item-relative {
    margin-top: 10px;
    padding: 0px 20px 10px 20px;
    background-color: #fff;
    border-right: 1px solid #eee;
}

    .item-relative > ul > li {
        padding: 10px 0;
        margin-bottom: 10px;
        border-bottom: 1px solid #eee;
    }

        .item-relative > ul > li:last-child {
            margin-bottom: 0;
            border-bottom: none;
        }

.item-intro {
    float: right;
    margin-left: 10px;
    width: 100%;
}

    .item-intro > .nav-tabs {
        margin: 0 -20px 0;
        padding: 10px 20px 0;
        background-color: #f9f9f9;
    }

        .item-intro > .nav-tabs > li > a {
            font-size: 18px;
        }

    .item-intro > .property {
        line-height: 30px;
    }

    .item-intro > .content {
        overflow: hidden;
    }

    .item-intro > .comment .list > .list-item {
        padding: 15px 10px;
    }

        .item-intro > .comment .list > .list-item .media-left {
            width: 60px;
            overflow: hidden;
        }

            .item-intro > .comment .list > .list-item .media-left > .media-object {
                min-width: 50px;
                min-height: 50px;
            }

        .item-intro > .comment .list > .list-item .media > .media-body {
            line-height: 180%;
        }

            .item-intro > .comment .list > .list-item .media > .media-body > .media-heading {
                font-size: 16px;
            }

.item-navbar {
    top: -100px;
    background: rgba(255,255,255,.95);
    border-bottom: 1px solid #eee;
    z-index: 100;
    -webkit-transition: .25s ease all;
    -o-transition: .25s ease all;
    transition: .25s ease all;
}

    .item-navbar.show {
        top: 0;
    }

    .item-navbar .name {
        display: inline-block;
        min-width: 312px;
        line-height: 30px;
        padding-right: 30px;
    }

    .item-navbar .navbar-collapse .nav > li > a {
        padding: 15px 40px;
    }

    .item-navbar .navbar-right {
        padding: 4px 0;
    }

        .item-navbar .navbar-right .price {
            padding: 7px 15px 6px;
            line-height: 1;
            font-size: 24px;
            display: inline-block;
        }

        .item-navbar .navbar-right .btn-negative {
            margin-left: 20px;
            padding: 9px 30px;
        }

.cart-list dl {
    margin-bottom: 0;
}

    .cart-list dl dt {
        height: 40px;
        line-height: 40px;
        border-bottom: 2px solid #eee;
    }

.cart-list .item {
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

    .cart-list .item:first-child, .cart-list .item:last-child {
        border-bottom: none;
    }

    .cart-list .item .info, .cart-list .item .pic {
        display: inline-block;
    }

    .cart-list .item .pic {
        margin-right: 20px;
    }

    .cart-list .item .info > .spc {
        line-height: 30px;
    }

    .cart-list .item .box {
        display: table-cell;
        height: 80px;
        vertical-align: middle;
        padding-top: 20px;
    }

        .cart-list .item .box.price {
            font-size: 16px;
        }

        .cart-list .item .box > .del {
            margin-left: 10px;
            display: inline-block;
            width: 24px;
            height: 24px;
            line-height: 24px;
            background-color: #eee;
            text-align: center;
            border-radius: 50%;
            color: #999;
        }

            .cart-list .item .box > .del:hover {
                color: #fff;
                background-color: #2d8701;
            }

    .cart-list .item .price-tip.mt-5 {
        margin-top: -5px;
    }

    .cart-list .item .price-tip span {
        background: #f28659;
        margin-right: 10px;
        padding: 3px 4px;
        font-size: 12px;
        color: #fff;
    }

    .cart-list .item .quantity {
        margin: 30px auto 10px;
        width: 132px;
        height: 40px;
        border: 1px solid #eee;
    }

        .cart-list .item .quantity a {
            display: inline-block;
            float: left;
            width: 38px;
            height: 38px;
            background: #fafafa;
            line-height: 38px;
            color: #6d6d6d;
            text-align: center;
            font-size: 16px;
        }

            .cart-list .item .quantity a.disabled {
                color: #bbb;
            }

        .cart-list .item .quantity .num {
            float: left;
            padding: 0;
            width: 54px;
            height: 38px;
            border: none;
            border-right: 1px solid #eee;
            border-left: 1px solid #eee;
            line-height: 28px;
            color: #333;
            text-align: center;
        }

            .cart-list .item .quantity .num:focus {
                outline: 0;
            }

.cart-list .check {
    position: absolute;
    top: -30px;
    margin-top: 50%;
    padding-left: 20px;
    height: 60px;
    line-height: 60px;
}

    .cart-list .check .icon {
        float: left;
        font-size: 20px;
        font-weight: 100;
        color: #ddd;
    }

    .cart-list .check.active .icon {
        color: #2d8701;
    }

    .cart-list .check .pic {
        display: table-cell;
        padding-right: 10px;
        padding-left: 0;
        width: 120px;
        vertical-align: middle;
    }

    .cart-list .check .info {
        display: table-cell;
        font-size: 12px;
        color: #818181;
        vertical-align: middle;
    }

        .cart-list .check .info .name {
            font-size: 18px;
        }

        .cart-list .check .info .spc span {
            display: block;
            color: #9c9c9c;
            height: 24px;
            line-height: 24px;
            overflow: hidden;
        }

.cart-list .bar {
    height: 60px;
    line-height: 60px;
    background-color: #eee;
}

    .cart-list .bar .clear {
        padding: 0 30px;
        float: left;
        height: 60px;
        width: 300px;
    }

        .cart-list .bar .clear .check {
            position: relative;
            top: 0;
            padding: 0 10px;
            height: 60px;
        }

    .cart-list .bar .checkout {
        font-size: 16px;
    }

        .cart-list .bar .checkout .yen {
            font-size: 18px;
        }

        .cart-list .bar .checkout .text-price {
            margin-left: 2px;
            font-size: 28px;
            vertical-align: -4px;
        }

        .cart-list .bar .checkout .btn-positive {
            margin-left: 20px;
            padding: 0 70px;
            height: 60px;
            line-height: 60px;
            border-radius: 0;
            font-size: 24px;
        }

        .cart-list .bar .checkout .delivery {
            margin-left: 10px;
        }

.cart-list .supplier-box {
    margin: 10px 0;
    display: block;
    border: 1px solid #F2F2F2;
}

    .cart-list .supplier-box dd.supplier-dd {
        border-bottom: 1px solid #F2F2F2;
        background: #F8F8F8;
    }

        .cart-list .supplier-box dd.supplier-dd .check {
            position: static;
            line-height: 35px;
            padding-left: 10px;
        }

            .cart-list .supplier-box dd.supplier-dd .check .icon {
                margin-left: 30px;
            }

        .cart-list .supplier-box dd.supplier-dd .is-self {
            color: #2d8701;
            padding-bottom: 2px; /*border-bottom: 1px dotted #2d8701*/
        }

        .cart-list .supplier-box dd.supplier-dd .delivery-select {
            line-height: 30px;
            float: right;
            font-size: 12px;
            text-align: right;
            padding-right: 20px;
        }

        .cart-list .supplier-box dd.supplier-dd .send-items > i {
            color: #FFF;
            background: #ff5700;
            padding: 2px 5px;
            font-size: 12px;
            border-radius: 3px;
            margin-right: 8px;
        }

        .cart-list .supplier-box dd.supplier-dd .send-items > span {
            display: inline-block;
            margin-top: 5px;
            margin-right: 5px;
        }

            .cart-list .supplier-box dd.supplier-dd .send-items > span img {
                width: 26px;
                border: 1px solid #DDD;
                border-radius: 3px;
            }

.cart-empty {
    margin: 35px auto 0;
    padding: 50px 0 105px 240px;
    width: 620px;
    background: url(../images/img-cart-empty.png) left center no-repeat;
}

    .cart-empty > h2 {
        margin-bottom: 30px;
        font-size: 24px;
    }

.address-item dl {
    position: relative;
    padding: 5px 10px;
    height: 165px;
    border: 1px solid #eee;
    background: #fafafa;
    cursor: pointer;
}

    .address-item dl:hover {
        background: #f3f3f3;
    }

    .address-item dl dt {
        margin: 0 0 10px;
        height: 30px;
        line-height: 30px;
        border-bottom: 1px solid #eee;
        color: #333;
    }

        .address-item dl dt strong {
            float: left;
            font-weight: 400;
        }

        .address-item dl dt span {
            float: right;
        }

        .address-item dl dt .tag {
            height: 18px;
            line-height: 18px;
            margin-top: 6px;
            padding: 0 10px;
            font-size: 12px;
            background: #eee;
        }

    .address-item dl dd {
        margin: 0;
        line-height: 1.6;
        color: #6d6d6d;
    }

        .address-item dl dd .tel {
            color: #333;
        }

.address-item .edit-btn {
    display: none;
}

.address-item.selected > dl {
    border-color: #2d8701;
    background: #fff;
    cursor: default;
}

    .address-item.selected > dl:hover {
        background: #fff;
    }

    .address-item.selected > dl .edit-btn {
        position: absolute;
        bottom: 12px;
        display: block;
    }

.address-item.use-new-addr {
    text-align: center;
    color: #8c8c8c;
}

    .address-item.use-new-addr .icon-add {
        display: block;
        margin-top: 35px;
        font-size: 36px;
        line-height: 1;
        font-weight: 400;
    }

.address-edit-box {
    display: none;
    position: absolute;
    width: 289px;
    background: #fff;
    border: 1px solid #2d8701;
    z-index: 1050;
}

    .address-edit-box .bd {
        padding: 10px 10px 5px;
    }

        .address-edit-box .bd .item {
            margin-bottom: 10px;
        }

            .address-edit-box .bd .item.set-default {
                margin-bottom: 0;
                padding-top: 5px;
            }

                .address-edit-box .bd .item.set-default input[type=checkbox] {
                    margin-right: 3px;
                }

            .address-edit-box .bd .item > .input, .address-edit-box .bd .item > .input-area {
                width: 267px;
                background: #fff;
                border: 1px solid #eee;
                color: #333;
            }

            .address-edit-box .bd .item > .input-area {
                padding: 10px;
            }

            .address-edit-box .bd .item.item-area {
                margin-bottom: 0;
            }

            .address-edit-box .bd .item .input[type=text] {
                height: 40px;
                line-height: 40px;
                padding: 0 10px;
            }

            .address-edit-box .bd .item select {
                margin-right: 5px;
                margin-bottom: 10px;
                border: 1px solid #eee;
                height: 36px;
                background-color: #fff;
            }

                .address-edit-box .bd .item select:focus {
                    border-color: #2d8701;
                    outline: 0;
                }

                .address-edit-box .bd .item select:last-child {
                    margin-right: 0;
                }

            .address-edit-box .bd .item .tip-msg {
                display: none;
                margin-top: 5px;
                color: #f32f39;
                font-size: 12px;
            }

    .address-edit-box .ft {
        padding: 20px;
        background: #fafafa;
        text-align: center;
    }

        .address-edit-box .ft .btn {
            width: 115px;
        }

.order-pay-list li {
    float: left;
    min-width: 160px;
    padding: 20px;
    border: 1px solid #eee;
    margin-right: 10px;
    background: #fafafa;
    cursor: pointer;
    white-space: nowrap;
    line-height: 28px;
}

    .order-pay-list li:hover {
        background: #f3f3f3;
    }

    .order-pay-list li input {
        display: none;
    }

    .order-pay-list li p {
        color: #333;
    }

        .order-pay-list li p span {
            display: block;
            line-height: 1.2;
            color: #6d6d6d;
            font-size: 12px;
        }

.order-pay-list .item .icon {
    float: left;
    margin-right: 5px;
    font-size: 30px;
    color: #999;
}

.order-pay-list .selected {
    border-color: #2d8701;
    background: #fff;
    color: #333;
}

    .order-pay-list .selected:hover {
        background: #fff;
    }

    .order-pay-list .selected .icon {
        color: #2d8701;
    }

.order-item-list .item .pic {
    width: 60px;
}

.order-item-list .item .box {
    height: 50px;
}

.order-count {
    position: relative;
    padding: 20px 30px 20px 0;
    min-height: 160px;
}

.order-pay-extend {
    float: left;
    position: relative;
}

    .order-pay-extend > .item {
        height: 40px;
        line-height: 40px;
        padding: 0 10px;
        margin-bottom: 10px;
        position: relative;
        background: #f3f3f3;
        color: #666;
        font-size: 14px;
        cursor: pointer;
        zoom: 1;
    }

        .order-pay-extend > .item input, .order-pay-extend > .item label {
            cursor: pointer;
            font-weight: normal;
        }

        .order-pay-extend > .item.selected {
            background: #2d8701;
            color: #fff;
        }

            .order-pay-extend > .item.selected .text-danger {
                color: #fff;
            }

    .order-pay-extend .item-box {
        display: none;
        width: 370px;
        border: 1px solid #eee;
        position: absolute;
        top: 0;
        right: -380px;
        background: #fff;
    }

        .order-pay-extend .item-box .arrow-bg, .order-pay-extend .item-box .arrow-border {
            display: none;
            width: 0;
            height: 0;
            position: absolute;
            overflow: hidden;
            border-style: dashed solid solid;
        }

        .order-pay-extend .item-box .arrow-border {
            left: 40px;
            top: -8px;
            border-width: 0 8px 8px;
            border-color: transparent transparent #eee;
        }

        .order-pay-extend .item-box .arrow-bg {
            left: 42px;
            top: -6px;
            border-width: 0 6px 6px;
            border-color: transparent transparent #fff;
        }

        .order-pay-extend .item-box .card-no, .order-pay-extend .item-box .card-pwd, .order-pay-extend .item-box .coupon-code {
            display: inline-block;
            width: 310px;
            height: 34px;
            line-height: 34px;
            padding: 0 10px;
            color: #8c8c8c;
            margin-bottom: 10px;
            border-width: 1px;
        }

        .order-pay-extend .item-box .card-no {
            display: inline-block;
            margin-bottom: 10px;
            width: 200px;
        }

        .order-pay-extend .item-box .card-pwd {
            margin-left: 10px;
            width: 110px;
        }

        .order-pay-extend .item-box .form-control:focus, .order-pay-extend .item-box .form-control:hover {
            border-color: #ff4a00;
            outline: 0;
        }

        .order-pay-extend .item-box .coupon-tab-nav .nav-item {
            float: left;
            width: 50%;
            height: 45px;
            line-height: 45px;
            text-align: center;
            margin-left: -1px;
            border-left: 1px solid #eee;
            border-bottom: 1px solid #eee;
            color: #6d6d6d;
            cursor: pointer;
        }

        .order-pay-extend .item-box .coupon-tab-nav .current {
            color: #333;
            border-bottom: none;
        }

        .order-pay-extend .item-box .coupon-tab-con .con-item {
            display: none;
            text-align: center;
            position: relative;
        }

            .order-pay-extend .item-box .coupon-tab-con .con-item .con-item-bd {
                padding: 20px;
            }

            .order-pay-extend .item-box .coupon-tab-con .con-item .con-item-ft {
                padding: 10px 0;
                background: #fafafa;
            }

            .order-pay-extend .item-box .coupon-tab-con .con-item .coupon-tip {
                display: none;
                width: 100%;
                font-size: 12px;
                color: #f32f39;
                position: absolute;
                bottom: 46px;
            }

        .order-pay-extend .item-box .coupon-list li label, .order-pay-extend .item-box .coupon-tab-con .current {
            display: block;
        }

        .order-pay-extend .item-box .coupon-tab-con .btn {
            margin: 0 5px;
        }

        .order-pay-extend .item-box .coupon-list li {
            position: relative;
            margin: 8px 0;
            padding-left: 20px;
            cursor: pointer;
            color: #333;
            text-align: left;
            font-size: 12px;
        }

            .order-pay-extend .item-box .coupon-list li span {
                float: right;
                color: #ff4a00;
            }

            .order-pay-extend .item-box .coupon-list li i {
                color: #6d6d6d;
            }

        .order-pay-extend .item-box .coupon-list .selected {
            background: 0 0;
            color: #ff4a00;
        }

        .order-pay-extend .item-box .coupon-list input {
            position: absolute;
            top: -5px;
            left: 0;
        }

        .order-pay-extend .item-box .coupon-result {
            display: none;
        }

            .order-pay-extend .item-box .coupon-result a {
                margin-left: 20px;
                color: #fff;
                text-decoration: underline;
            }

.coupon > .list .item, .shop > .item-list > .item > .thumbnail.thumbnail-fav > .btn-add:hover {
    text-decoration: none;
}

.order-price {
    float: right;
    text-align: right;
    color: #333;
}

    .order-price ul {
        margin-bottom: 20px;
    }

        .order-price ul > li {
            line-height: 2;
            text-align: right;
        }

            .order-price ul > li span {
                display: inline-block;
                min-width: 130px;
                color: #ff4a00;
            }

    .order-price > .total span strong {
        margin-right: 5px;
        font-size: 30px;
        font-weight: 400;
        white-space: nowrap;
        vertical-align: -2px;
    }

.order-confirm {
    height: 60px;
    line-height: 60px;
    background-color: #eee;
    font-size: 16px;
    text-align: right;
}

    .order-confirm .btn-positive {
        margin-left: 20px;
        padding: 0 70px;
        height: 60px;
        line-height: 60px;
        border-radius: 0;
        font-size: 24px;
    }

.order-preview {
    margin-top: 10px;
}

    .order-preview .info {
        padding-left: 60px;
        position: relative;
        border-bottom: 1px solid #eee;
        padding-bottom: 40px;
    }

        .order-preview .info > h3.pc-fk {
            padding-top: 50px;
            margin-bottom: 45px;
            color: #000000;
        }

            .order-preview .info > h3.pc-fk i {
                top: 79px;
            }

        .order-preview .info > h3 > .icon-round-check {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -35px;
            line-height: 1;
            font-size: 44px;
            font-weight: 100;
            color: #2d8701;
            text-align: center;
        }

        .order-preview .info > .form-pay {
            padding-top: 20px;
        }

            .order-preview .info > .form-pay .text-randcode {
                float: left;
                margin-right: 10px;
                width: 150px;
            }

    .order-preview .thirdpay {
        padding-left: 60px;
        padding-top: 10px;
    }

        .order-preview .thirdpay .list li {
            float: left;
            padding: 10px 0;
            width: 20%;
            line-height: 24px;
        }

            .order-preview .thirdpay .list li > label {
                cursor: pointer;
            }

            .order-preview .thirdpay .list li img {
                height: 50px;
                margin-left: 5px;
            }

            .order-preview .thirdpay .list li input[type=radio] {
                display: none;
            }

            .order-preview .thirdpay .list li .icon {
                font-size: 24px;
                font-weight: 100;
                color: #ccc;
                width: 24px;
                height: 24px;
                display: inline-block;
                vertical-align: middle;
            }

            .order-preview .thirdpay .list li.active .icon-round-check:before {
                color: #2d8701;
            }

    .order-preview .pay {
        height: 60px;
        line-height: 60px;
        /* background-color: #eee; */
        text-align: right;
        font-size: 16px;
        padding-top: 30px;
        border-top: 1px solid #eee;
        margin-bottom: 20px;
        /* display: inline-block; */
        padding-bottom: 71px;
    }

        .order-preview .pay > .btn-positive {
            margin-left: 20px;
            padding: 0 70px;
            height: 60px;
            line-height: 60px;
            border-radius: 0;
            font-size: 24px;
        }

.order-detail-table, .order-detail-table td, .order-detail-table th {
    border: 1px solid #eee;
}

.order-preview .pay > span {
    margin-right: 20px;
}

.order-detail-table {
    width: 100%;
}

    .order-detail-table .color-999 {
        color: #999;
    }

    .order-detail-table td .btn {
        margin-bottom: 8px;
    }

    .order-detail-table .column-info {
        background: #fafafa;
        font-weight: 400;
    }

        .order-detail-table .column-info .column-content {
            padding: 10px;
        }

        .order-detail-table .column-info span {
            padding: 0 10px;
            color: #eee;
        }

    .order-detail-table .column-detail .order-goods-list li {
        padding: 10px;
        border-bottom: 1px solid #eee;
        overflow: hidden;
    }

        .order-detail-table .column-detail .order-goods-list li:last-child {
            border-bottom: 0;
        }

        .order-detail-table .column-detail .order-goods-list li .pic {
            margin-right: 10px;
            display: block;
            float: left;
            border: 1px solid #eee;
        }

            .order-detail-table .column-detail .order-goods-list li .pic img {
                width: 60px;
                padding: 1px;
            }

        .order-detail-table .column-detail .order-goods-list li > h5 {
            font-size: 14px;
        }

        .order-detail-table .column-detail .order-goods-list li > span {
            display: block;
            line-height: 22px;
        }

        .order-detail-table .column-detail .order-goods-list li .act {
            padding: 25px 10px;
        }

    .order-detail-table .column-price {
        width: 119px;
        text-align: center;
    }

    .order-detail-table .column-action {
        width: 139px;
    }

        .order-detail-table .column-action .msg {
            display: block;
            margin: 10px auto;
            text-align: center;
        }

        .order-detail-table .column-action .item-comment li {
            padding-top: 30px;
            padding-bottom: 30px;
            border-bottom: 1px solid #eee;
        }

            .order-detail-table .column-action .item-comment li:last-child {
                border-bottom: 0;
            }

    .order-detail-table .price-tip {
        background: #f28659;
        margin-top: 4px;
        padding: 3px 4px;
        font-size: 12px;
        color: #fff;
        display: inline-block;
    }

    .order-detail-table .column-delivery .order-delivery-status {
        padding: 10px 20px;
    }

        .order-detail-table .column-delivery .order-delivery-status .delivery-status-info {
            line-height: 30px;
        }

        .order-detail-table .column-delivery .order-delivery-status .order-delivery-steps {
            margin: 10px auto;
            overflow: hidden;
            height: 55px;
            font-size: 12px;
        }

            .order-detail-table .column-delivery .order-delivery-status .order-delivery-steps .step {
                float: left;
                width: 20%;
                text-align: center;
            }

                .order-detail-table .column-delivery .order-delivery-status .order-delivery-steps .step .progress {
                    margin-bottom: 7px;
                    height: 20px;
                    line-height: 20px;
                    border-radius: 10px;
                    color: #fff;
                    background: #c3c3c3;
                }

                .order-detail-table .column-delivery .order-delivery-status .order-delivery-steps .step.step-now .progress {
                    background: #2d8701;
                }

.delivery-info > dd {
    line-height: 30px;
}

.delivery-log {
    margin-top: 10px;
    background: #FCFCFC;
    padding: 3px 5px;
    line-height: 23px;
    font-size: 12px;
    border: 1px solid #F2F2F2;
}

    .delivery-log > div {
        overflow: hidden;
        border-bottom: 1px dotted #ddd;
        padding: 5px 0;
    }

        .delivery-log > div:last-child {
            border-bottom: 0;
        }

.user-box .list-info .bd, .user-box .user-order > h3, .user-box > .user-info {
    border-bottom: 1px solid #eee;
}

.delivery-log > div > span {
    float: left;
    width: 130px;
}

.delivery-log > div > p {
    float: left;
    border-left: 1px dotted #ddd;
    padding-left: 10px;
    width: 410px;
    margin-bottom: 0;
}

    .delivery-log > div > p > i.is-new {
        padding: 0 3px;
        margin-left: 5px;
        background-color: #2d8701;
        color: #fff;
        border-radius: 2px;
    }

.order-detail-total {
    border: 1px solid #eee;
    border-top: 0;
}

    .order-detail-total .total-list {
        width: 330px;
        float: right;
        margin: 20px 0;
    }

        .order-detail-total .total-list dt {
            width: 200px;
            display: inline-block;
            text-align: right;
        }

        .order-detail-total .total-list dd {
            width: 105px;
            margin-bottom: 10px;
            display: inline-block;
            text-align: right;
            color: #ff4a00;
        }

            .order-detail-total .total-list dd.text-price {
                font-size: 26px;
            }

                .order-detail-total .total-list dd.text-price:before {
                    content: '￥';
                    font-size: 18px;
                }

        .order-detail-total .total-list p.amount-info {
            text-align: right;
            color: #AAA;
            padding-right: 15px;
            font-size: 12px;
        }

    .order-detail-total .delivery-info {
        margin: 10px;
    }

.order-text-section {
    background: #fafafa;
    padding: 20px 30px 10px;
}

.icon-common, .icon-star, .order-comment-box .stars .icon-star-large {
    background-repeat: no-repeat;
    display: inline-block;
}

.order-text-section h4 {
    font-size: 16px;
}

.order-text-section .order-text-table td, .order-text-section .order-text-table th {
    color: #333;
    padding: 5px 0;
}

.order-comment-box {
    padding: 0 20px;
}

    .order-comment-box .text-comment {
        padding: 5px;
        height: 100px;
    }

    .order-comment-box .input-group-lg > .form-control, .order-comment-box .input-group-lg > .input-group-addon, .order-comment-box .input-group-lg > .input-group-btn > .btn, .order-comment-box .input-lg {
        width: 310px !important;
    }

    .order-comment-box .validate-error {
        padding: 10px 0;
        color: #2d8701;
    }

    .order-comment-box .stars .icon-star-large {
        width: 36px;
        height: 36px;
        text-indent: -9999em;
        overflow: hidden;
        background-image: url(../images/icon-star-large.png);
        cursor: pointer;
    }

    .order-comment-box .stars .icon-star-large-blank {
        background-position: -80px 0;
    }

    .icon-star.icon-star-5, .order-comment-box .stars .icon-star-large-full {
        background-position: 0 0;
    }

.icon-star {
    width: 65px;
    height: 14px;
    overflow: hidden;
    background-image: url(../images/icon-star-small.png);
}

    .icon-star.icon-star-4half {
        background-position: 0 -20px;
    }

    .icon-star.icon-star-4 {
        background-position: 0 -40px;
    }

    .icon-star.icon-star-3half {
        background-position: 0 -60px;
    }

    .icon-star.icon-star-3 {
        background-position: 0 -80px;
    }

    .icon-star.icon-star-2half {
        background-position: 0 -100px;
    }

    .icon-star.icon-star-2 {
        background-position: 0 -120px;
    }

    .icon-star.icon-star-1half {
        background-position: 0 -140px;
    }

    .icon-star.icon-star-1 {
        background-position: 0 -160px;
    }

    .icon-star.icon-star-half {
        background-position: 0 -180px;
    }

.user-nav {
    padding: 10px 0;
}

    .user-nav > .list li {
        height: 40px;
        line-height: 40px;
        padding-left: 15px;
    }

        .user-nav > .list li a {
            display: inline-block;
        }

        .user-nav > .list li.active {
            background-color: #f2f2f2;
        }

            .user-nav > .list li.active a {
                color: #107c07;
            }

.user-box {
    margin-left: -1px;
    padding: 10px 30px 0;
    min-height: 600px;
    border-left: 1px solid #eee;
}

    .user-box > form {
        margin-top: 20px;
    }

    .user-box > .nav-tabs {
        margin-bottom: 15px;
    }

    .user-box > .page-header > h3 > small > .btn-link {
        padding-right: 0;
    }

    .user-box .text-space {
        line-height: 30px;
    }

        .user-box .text-space > span {
            margin-right: 20px;
        }

    .user-box .list-info {
        line-height: 50px;
    }

        .user-box .list-info .hd {
            background-color: #eee;
            line-height: 40px;
        }

        .user-box .list-info .bd:hover {
            background-color: #f9f9f9;
        }

        .user-box .list-info .bd .disabled {
            background-color: #f9f9f9;
            color: #ccc;
        }

        .user-box .list-info .bd .text-success {
            color: #1abc9c;
        }

        .user-box .list-info .bd .text-error {
            color: #fe5955;
        }

    .user-box .box-nav {
        display: inline-block;
    }

        .user-box .box-nav li {
            float: left;
            padding: 0 15px;
        }

            .user-box .box-nav li.active a {
                color: #107c07;
                font-weight: 700;
            }

    .user-box .address-item .edit-btn {
        display: inline-block;
    }

    .user-box > .user-info {
        position: relative;
        margin-top: 20px;
        padding-left: 100px;
        height: 100px;
    }

        .user-box > .user-info > .avatar {
            position: absolute;
            left: 0;
            width: 80px;
            height: 80px;
            border-radius: 50%;
            overflow: hidden;
        }

            .user-box > .user-info > .avatar > img {
                width: 80px;
                height: 80px;
                display: block;
            }

        .user-box > .user-info > .detail > .name {
            margin-top: 5px;
            line-height: 24px;
        }

            .user-box > .user-info > .detail > .name small {
                vertical-align: 2px;
            }

        .user-box > .user-info > .detail > .info {
            color: #bbb;
        }

        .user-box > .user-info > .detail .space {
            margin: 0 20px;
            color: #eee;
            border-left: 1px solid #eee;
        }

    .user-box .user-order > h3 {
        padding-bottom: 9px;
    }

        .user-box .user-order > h3 .btn-link {
            padding: 0;
            height: 24px;
            line-height: 24px;
            text-align: right;
        }

        .user-box .user-order > h3 .order-recycle-link {
            float: right;
            font-size: 12px;
            margin-top: 6px;
        }

            .user-box .user-order > h3 .order-recycle-link.active {
                color: #107c07;
                border-bottom: 1px dotted #107c07;
                padding-bottom: 2px;
            }

    .user-box .user-order > .list {
        margin-top: 20px;
    }

        .user-box .user-order > .list > .item {
            border: 1px solid #eee;
            margin-bottom: 15px;
            line-height: 60px;
            overflow: hidden;
        }

            .user-box .user-order > .list > .item .hd {
                background-color: #f5f5f5;
                padding: 0 5px;
                line-height: 35px;
                font-size: 12px;
            }

                .user-box .user-order > .list > .item .hd span.split {
                    width: 40px;
                    display: inline-block;
                }

                .user-box .user-order > .list > .item .hd .order-time {
                    color: #999;
                    padding-right: 30px;
                }

            .user-box .user-order > .list > .item .bd {
                padding: 10px 10px 5px;
            }

                .user-box .user-order > .list > .item .bd .item-more {
                    font-weight: 700;
                    color: #CCC;
                    letter-spacing: 1px;
                }

                .user-box .user-order > .list > .item .bd > div {
                    border-left: 1px solid #f2f2f2;
                    min-height: 62px;
                }

                    .user-box .user-order > .list > .item .bd > div:first-child {
                        border-left: none;
                    }

                    .user-box .user-order > .list > .item .bd > div .pic {
                        margin-right: 4px;
                        margin-bottom: 5px;
                        display: inline-block;
                        border: 1px solid #eee;
                        opacity: .8;
                        filter: alpha(opacity=80);
                    }

                        .user-box .user-order > .list > .item .bd > div .pic:hover {
                            opacity: 1;
                            filter: alpha(opacity=100);
                        }

                        .user-box .user-order > .list > .item .bd > div .pic img {
                            height: 56px;
                            width: 56px;
                            padding: 1px;
                        }

                    .user-box .user-order > .list > .item .bd > div .text-amount {
                        font-size: 16px;
                    }

                    .user-box .user-order > .list > .item .bd > div .btn-cancel {
                        margin-left: 10px;
                    }

                    .user-box .user-order > .list > .item .bd > div .text-rows {
                        line-height: 28px;
                        display: inline-block;
                        vertical-align: middle;
                    }

                        .user-box .user-order > .list > .item .bd > div .text-rows .msg {
                            color: #777;
                            font-size: 12px;
                            display: block;
                        }

                        .user-box .user-order > .list > .item .bd > div .text-rows .btn {
                            padding: 5px 12px;
                            font-size: 12px;
                        }

            .user-box .user-order > .list > .item:hover {
                border-color: #d5d5d5;
                box-shadow: 0 0 3px rgba(0,0,0,.05);
            }

.user-invite .form-group .form-control {
    min-width: 378px;
    padding: 4px 11px;
}

.user-invite .info {
    line-height: 40px;
}

.user-bind .form-group .text-inline {
    display: inline-block;
    width: 50%;
}

.login-form .legend {
    margin-bottom: 36px;
}

    .login-form .legend > small {
        font-size: 18px;
        color: #999;
    }

.login-form form {
    padding: 30px 0;
}

.login-form .randcode {
    float: left;
    width: 150px;
}

.login-form .btn-send-code {
    float: left;
    margin-left: 10px;
    padding-left: 15px;
    padding-right: 15px;
    min-width: 134px;
}

    .login-form .btn-send-code.disabled {
        margin-top: 3px;
        padding-left: 9px;
        padding-right: 9px;
        font-size: 12px;
    }

.login-form .verifyimg {
    margin-left: 11px;
    height: 42px;
    border: 1px solid #e5e5e5;
    cursor: pointer;
}

.wechat-login {
    padding: 0 0 10px 40px;
    width: 281px;
    text-align: center;
    border-left: 1px solid #f2f2f2;
}

    .wechat-login .img {
        margin: 10px 0;
    }

    .wechat-login .tiptext {
        height: 24px;
        line-height: 24px;
        background: #ececec;
        border-radius: 12px;
        font-size: 12px;
    }

        .wechat-login .tiptext span {
            color: #e00;
        }

.login-third {
    margin: 10px auto;
    width: 440px;
    height: 100px;
}

    .login-third li {
        float: left;
        margin-right: 30px;
        width: 74px;
        text-align: center;
    }

        .login-third li .icon {
            display: inline-block;
            padding: 20px;
            width: 72px;
            height: 72px;
            border: 1px solid #e5e5e5;
            border-radius: 50%;
        }

        .login-third li:hover .icon {
            border-color: #ddd;
            background-color: #e5e5e5;
        }

        .login-third li i[class^=icon-] {
            display: inline-block;
            width: 32px;
            height: 32px;
            line-height: 1;
            font-style: normal;
            font-size: 32px;
        }

        .login-third li .icon-qq, .login-third li .icon-weibo {
            color: #2d8701;
        }

.pay-info {
    margin: 20px 0;
    padding: 20px;
    border: 1px solid #eee;
    background: #fff;
}

    .pay-info .pay-msg {
        padding: 20px 30px;
        text-align: center;
    }

        .pay-info .pay-msg .subject {
            margin-top: 20px;
            line-height: 30px;
            font-size: 25px;
        }

.avatar > .control-label {
    padding-top: 23px;
}

.avatar .btn-upload {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 60px;
    border: 2px dashed #eee;
    border-radius: 5px;
    background-color: #f9f9f9;
    text-align: center;
}

    .avatar .btn-upload:active {
        background-color: #eee;
    }

    .avatar .btn-upload > .icon-camera-add {
        font-size: 42px;
    }

.avatar .tips {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
}

.user-account-edit .nav-tabs > li.active > a {
    background: #f8f8f8;
}

.user-account-edit > .form-horizontal {
    ba1ckground: #FFF;
    padding-top: 15px;
    bord1er: 1px solid #ddd;
    border-top: 0;
}

.activity > .banner {
    text-align: center;
}

.activity .item-list {
    margin-top: 15px;
}

.coupon, .coupon > .list, .sdp > .info {
    margin-top: 20px;
}

.activity .content {
    padding: 0;
}

.article .article-box {
    margin-left: -1px;
    padding: 10px 30px 0;
    min-height: 600px;
    border-left: 1px solid #eee;
}

    .article .article-box > .content {
        line-height: 200%;
    }

        .article .article-box > .content > h3 {
            margin-bottom: 20px;
        }

.coupon {
    padding: 0 40px 20px;
    border-top: 5px solid #eee;
    background-color: #fcfcfc;
}

    .coupon > .act {
        padding: 20px 0;
        border-bottom: 1px solid #eee;
        text-align: center;
    }

        .coupon > .act > .btn {
            padding-left: 60px;
            padding-right: 60px;
        }

    .coupon > .list .item {
        position: relative;
        display: block;
        margin-bottom: 20px;
        background-color: #ff8d8c;
        color: #a44;
        cursor: pointer;
    }

        .coupon > .list .item:after, .coupon > .list .item:before {
            position: absolute;
            top: 0;
            width: 10px;
            height: 100%;
            background: url(../images/coupon-bg.png) -5px 0 repeat-y;
            background-size: 10px auto;
            content: '';
        }

        .coupon > .list .item:after {
            right: 0;
            background-position: 5px 0;
        }

        .coupon > .list .item.has-get {
            opacity: .95;
            filter: alpha(opacity=95);
        }

        .coupon > .list .item.item-bg-0 {
            background-color: #e96656;
            color: #9e2112;
        }

        .coupon > .list .item.item-bg-1 {
            background-color: #35c4a2;
            color: #037258;
        }

        .coupon > .list .item.item-bg-2 {
            background-color: #27ae60;
            color: #02602a;
        }

        .coupon > .list .item.item-bg-3 {
            background-color: #39b3d7;
            color: #07607a;
        }

        .coupon > .list .item.item-bg-4 {
            background-color: #fe631e;
            color: #722300;
        }

        .coupon > .list .item.item-bg-5 {
            background-color: #ffae3a;
            color: #7e4a00;
        }

        .coupon > .list .item > .bd {
            padding: 11px 20px;
            height: 150px;
        }

            .coupon > .list .item > .bd > .info {
                padding: 10px 0;
                font-size: 34px;
                color: #fff;
                text-shadow: 0 1px 1px #333;
            }

            .coupon > .list .item > .bd > .time {
                font-size: 12px;
            }

        .coupon > .list .item > .fd {
            position: absolute;
            top: 0;
            right: 0;
            padding: 55px 10px;
            width: 80px;
            height: 150px;
            background-color: rgba(255,255,255,.5);
            z-index: 1000;
            text-align: center;
        }

            .coupon > .list .item > .fd > em {
                float: left;
                width: 40px;
                line-height: 20px;
                text-align: center;
            }

            .coupon > .list .item > .fd > .icon {
                float: right;
                line-height: 40px;
                -webkit-transition: .2s linear;
                -o-transition: .2s linear;
                transition: .2s linear;
            }

        .coupon > .list .item:hover {
            opacity: .95;
            filter: alpha(opacity=95);
        }

            .coupon > .list .item:hover > .fd > .icon {
                -webkit-transform: translate(5px, 0);
                -ms-transform: translate(5px, 0);
                -o-transform: translate(5px, 0);
                transform: translate(5px, 0);
            }

.sdp > .info {
    padding: 20px 0;
    background-color: #f9f9f9;
}

    .sdp > .info > ul > li {
        float: left;
        width: 50%;
        min-height: 106px;
        border-right: 1px solid #eee;
        text-align: center;
    }

        .sdp > .info > ul > li:last-child {
            border-right: none;
        }

        .sdp > .info > ul > li > h4 {
            line-height: 40px;
            font-size: 24px;
        }

.sdp > .nav > ul {
    margin: 10px -5px;
}

    .sdp > .nav > ul > li {
        float: left;
        padding: 0 5px;
        width: 25%;
    }

        .sdp > .nav > ul > li > a {
            display: block;
            padding: 15px;
            height: 100px;
            background-color: #f9f9f9;
            color: #777;
            text-align: center;
        }

            .sdp > .nav > ul > li > a:hover {
                background-color: #eee;
            }

            .sdp > .nav > ul > li > a > .icon {
                display: block;
                font-size: 36px;
            }

                .sdp > .nav > ul > li > a > .icon.icon-shop {
                    color: #ff4e00;
                }

                .sdp > .nav > ul > li > a > .icon.icon-items {
                    color: #2abc69;
                }

                .sdp > .nav > ul > li > a > .icon.icon-form {
                    color: #bd3258;
                }

                .sdp > .nav > ul > li > a > .icon.icon-stat {
                    color: #a47ac2;
                }

.withdraw > .step {
    padding: 10px 0 20px;
}

    .withdraw > .step > ul > li {
        position: relative;
        float: left;
        width: 33.333333%;
        text-align: center;
    }

        .withdraw > .step > ul > li:not(:last-child):after {
            position: absolute;
            top: 16px;
            left: 50%;
            width: 100%;
            height: 2px;
            background-color: #ccc;
            content: '';
        }

        .withdraw > .step > ul > li > .icon {
            position: relative;
            z-index: 10;
            background-color: #fff;
            font-size: 24px;
            color: #ccc;
        }

        .withdraw > .step > ul > li > .time {
            font-size: 12px;
        }

        .withdraw > .step > ul > li.active:after {
            background-color: #2d8701;
        }

        .withdraw > .step > ul > li.active > .icon {
            color: #2d8701;
        }

.shop > h3 {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

    .shop > h3 .title-right-tip {
        font-size: 14px;
        color: #999;
        float: right;
        margin-top: 10px;
    }

        .shop > h3 .title-right-tip a {
            color: #999;
        }

            .shop > h3 .title-right-tip a:hover {
                color: #2d8701;
                padding-bottom: 2px;
                border-bottom: 1px dotted #2d8701;
            }

.shop > .manage > .form-group.avatar > .control-label {
    padding-top: 23px;
}

.shop > .manage > .form-group.avatar .btn-upload {
    display: inline-block;
    width: 90px;
    height: 90px;
    line-height: 60px;
    border: 2px dashed #eee;
    border-radius: 5px;
    background-color: #f9f9f9;
    text-align: center;
}

    .shop > .manage > .form-group.avatar .btn-upload:active {
        background-color: #eee;
    }

    .shop > .manage > .form-group.avatar .btn-upload > .icon-camera-add {
        font-size: 42px;
    }

.shop > .manage > .form-group.avatar .tips {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px;
}

.shop > .item-list > .item > .thumbnail.thumbnail-fav > .btn-add {
    display: block;
    padding: 140px 0 186px;
    height: 80px;
    background-color: #eee;
}

    .shop > .item-list > .item > .thumbnail.thumbnail-fav > .btn-add > .icon-add {
        display: block;
        font-size: 32px;
    }

.shop > .item-list > .item > .thumbnail > .caption > .thumbnail-info > .text-danger {
    font-size: 18px;
}

.shop > .item-list > .item > .thumbnail > .caption > .thumbnail-info > .sdp-price, .shop > .item-list > .item > .thumbnail > .caption > .thumbnail-info > .sdp-price > strong {
    font-size: 14px;
}

.shop > .chart-title-pos {
    margin: 20px 0 10px;
    padding: 0 10px;
    line-height: 40px;
    background-color: #eee;
}

.shop > .detail {
    margin-top: 0;
}

    .shop > .detail > .head {
        padding: 50px 0;
        height: 300px;
        background: url(../images/shop/banner-2.jpg) center center no-repeat;
        background-size: cover;
    }

        .shop > .detail > .head .info {
            position: relative;
            padding-left: 180px;
        }

            .shop > .detail > .head .info > .shop-logo {
                position: absolute;
                top: 0;
                left: 0;
                width: 150px;
                height: 150px;
                border-radius: 50%;
                border: 5px solid #fff;
                overflow: hidden;
            }

            .shop > .detail > .head .info > .shop-desc {
                position: relative;
                padding: 10px 30px;
                height: 180px;
                background-color: rgba(0,0,0,.05);
            }

                .shop > .detail > .head .info > .shop-desc > .title {
                    color: #fff;
                }

                .shop > .detail > .head .info > .shop-desc > .intro {
                    line-height: 30px;
                    color: #ccc;
                }

                .shop > .detail > .head .info > .shop-desc > .count {
                    margin: 10px 0;
                }

                    .shop > .detail > .head .info > .shop-desc > .count > li {
                        float: left;
                        margin-right: 20px;
                        text-align: center;
                    }

                        .shop > .detail > .head .info > .shop-desc > .count > li:last-child {
                            border-right: none;
                        }

                        .shop > .detail > .head .info > .shop-desc > .count > li > .btn {
                            padding: 5px 40px;
                            border-radius: 0;
                            border: none;
                            background-color: rgba(255,255,255,.1);
                            color: #fff;
                        }

                            .shop > .detail > .head .info > .shop-desc > .count > li > .btn:hover {
                                background-color: rgba(255,255,255,.2);
                            }

                            .shop > .detail > .head .info > .shop-desc > .count > li > .btn > .icon {
                                margin-right: 3px;
                            }

                .shop > .detail > .head .info > .shop-desc > .manage {
                    position: absolute;
                    right: 20px;
                    top: 50%;
                    margin-top: -22px;
                }

.union-info {
    border: 1px solid #e7e7eb;
    position: relative;
}

    .union-info > div.info-hd {
        background: #f4f5f9;
        line-height: 36px;
        padding: 0 15px;
        border-bottom: 1px solid #e7e7eb;
    }

        .union-info > div.info-hd a.icon {
            color: #999;
            cursor: help;
        }

    .union-info > div.info-bd {
        padding: 20px;
    }

        .union-info > div.info-bd div {
            text-align: center;
            border-right: 1px solid #e7e7eb;
        }

            .union-info > div.info-bd div > h4, .union-info > div.info-bd div > p {
                line-height: 30px;
            }

            .union-info > div.info-bd div:last-child {
                border-right: 0;
            }

    .union-info > .info-qrcode {
        position: absolute;
        text-indent: -9999em;
        right: 0;
        bottom: 0;
        background: url(../images/qrcode-demo.png) center center no-repeat;
        background-size: 25px;
        width: 35px;
        height: 35px;
    }

.union-info-tip {
    border: 1px solid #e7e7eb;
    background: #f4f5f9;
    line-height: 36px;
    padding: 0 5px 0 15px;
    margin-top: 30px;
}

    .union-info-tip > form {
        float: right;
        padding-top: 5px;
    }

        .union-info-tip > form > span {
            line-height: 30px;
            padding: 0 6px;
        }

        .union-info-tip > form > .input {
            padding: 3px 8px;
            float: left;
            line-height: 27px;
            height: 27px;
            width: 103px;
            font-size: 12px;
            font-weight: 400;
        }

        .union-info-tip > form > .btn-submit {
            padding: 5px 10px 6px;
            font-weight: 400;
            font-size: 12px;
            border-radius: 0;
            margin-left: 5px;
        }

.union_box {
    position: relative;
}

    .union_box .is-closed-bg {
        background: #000;
        opacity: .4;
        filter: alpha(opacity=40);
    }

    .union_box .is-closed-bg, .union_box .is-closed-info {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
    }

    .union_box .is-closed-info {
        padding-top: 125px;
        z-index: 100;
        text-align: center;
    }

        .union_box .is-closed-info > h3 {
            color: #FFF;
            font-weight: 400;
            margin-bottom: 30px;
        }

.message-ctrl .btn {
    padding: 5px 10px;
    margin: 10px 0;
    border-radius: 0;
    font-size: 14px;
}

.message-li {
    line-height: 38px;
}

    .message-li a {
        color: #d47c6e;
    }

.message-info {
    line-height: 33px;
    border-bottom: 1px solid #eee;
    padding: 8px 10px;
    background: #f7fbfc;
    margin: 0 7.5px;
    color: #333;
}

.header-page {
    height: 60px;
}

.navbar-header > .navbar-brand {
    margin-left: -3px;
}

.nav-category-list {
    left: 7px;
}

    .nav-category-list > .item > a {
        height: 72px;
        line-height: 72px;
    }

.navbar-header .navbar-right > .sep {
    margin: 0 10px;
}

.col-xs-3 .item-relative .name {
    font-size: 14px;
    line-height: 24px;
}

.col-xs-3 .item-relative .text-danger {
    color: #f77c04;
}

.page-header h4 {
    text-align: center;
    font-size: 16px;
    padding: 0 0 10px 0;
}
.padd0{ padding:0}
.padd-t{ padding-top:20px; }
.padd-b{  padding-bottom:20px;}
.padd0-l{padding-left:0}
.padd0-r{padding-right:0}
/*首页-品牌板块*/
.pc_index_back{background:#ffffff;padding:20px;}
.logo-brand ul{width:1220px; }
.logo-brand {width: 100%;height: 282px;overflow: hidden}
.logo-brand li {float: left;margin: 8px 8px 0 0; background:#f6f6f6;width: 192px;height: 88.8px;line-height: 86px;font-size: 0;text-align: center;}
.logo-brand li img {	width: 76%;		vertical-align: middle}
.logo-brand .brand-more {  font-size: 16px;}
.in-banner-min3{ padding:0; }
.in-banner-min3 li{padding-right:8px;}
.in-banner-min3 img{width:100%;}

/*banner大区域左右*/
.small-slider{width:66.666666%;padding-right:7.5px;position:relative;float:left;}
.small-slider .banner-img img{height:298px;width: 100%;}
.small-slider .nav li{width:10px ; height:10px; border-radius:20px; margin:0 3px;background:rgba(153,153,153,.6) ; border:none; display:inline-block; float:inherit;}
.small-slider .nav li.on{background:rgba(255,255,255,0.7)}
.small-slider .container{ position:absolute; width:100%; bottom:20px; height:20px; z-index:2; text-align:center;}
.small-slider-r{width:33.333333%;padding-right:0;float:right;padding-right: 7.5px;}
.small-slider-r img{width:100%;}
.small-slider-r li:nth-child(2){padding-top: 14px;}

/*折扣推荐*/
.in-title{ padding:25px 0; line-height:24px;}
.in-floor-title{position: relative;}
.in-floor-title dl{ display:inline-table; }
.in-floor-title dd{ display:inline-table; margin-right:20px;}
.in-floor-title dt{ display:inline-block; }
.in-floor-title dd.on a{ font-weight:400; color:#2d8701}
.in-floor-title span{ font-size:14px; margin:0 20px 0 0; position:absolute; right:0; }
.in-floor-con{width: 100%; width:calc(100%+10px); display: inline-block;margin: 8px;}
.in-floor-con li{display:inline-block;}
.in-floor-con li img{ width:100%; margin:0  auto}
.in-floor-con li h3 a{ font-size:14px; color:#000000}
.in-floor-con li h3{ font-size:14px;}
.in-floor-con li{width: 25%;display:inline-block;padding:0 8px 8px 0;text-align:center;position: relative;float: left;}
.in-floor-con li a{ display:block; background:#ffffff; border:rgba(255,255,255,0) 1px solid; position:relative;}
.in-floor-con li a:hover{-webkit-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0px,-2px,0px);
    -moz-transform: translate3d(0px,-2px,0px);
    -ms-transform: translate3d(0px,-2px,0px);
    -o-transform: translate3d(0px,-2px,0px);
    transform: translate3d(0px,-2px,0px);
    z-index: 2;}


.in-floor-con .mui-price{font-size: 12px;color:#f77c04;}
.mui-price-integer{font-size: 16px;position: relative; top: -2px;}
.in-title{ padding:25px 0; line-height:24px;}
.in-floor-title{position: relative; text-align:center;}
.in-floor-title dl{ display:inline-table; }
.in-floor-title span{ font-size:14px; margin:0 20px 0 0; position:absolute; right:0; }
.in-floor-con{ margin:0;}
.in-floor-con li .in-floor-con-label{ font-size:12px;width:68px; height:22px; line-height: 20px; text-align:center; color:#ffffff;display:inline-block; position:absolute; z-index:2; top:0; left:50%; margin-left:-34px;}
.label-b{background:#ff7634; }
.label-x{background:#01abdf; }
.label-r{background:#aa0c25; }
.label-h{background:#b15a2f; }
.in-floor-con li:nth-child(5){/* padding-right: 0px; */} 
.in-floor-con li img{padding:0px;}
.in-floor-con li h3 a{ font-size:14px; color:#000000}
.in-floor-con li h3{ font-size:14px; line-height:22px;}
.in-floor-con .mui-price a{ font-size:16px; color:#f77c04; }
.in-floor-con li .info{ padding :0 10px;text-align:left; height:88px;}
.in-title-top p{height:1px;width:100%;position: absolute;top: 46px;background:#dddddd; z-index:-1;}
.in-title-top-con span{ font-size:12px; color:#999999; display:none;}
.in-title-top{text-align:center;padding:20px 0;height: 58px;position:relative;z-index:0;}
.in-title-top-con{background: #f3f3f3;padding: 0 36px;display: inline-block;color: #000000;font-size: 20px;position: relative;z-index: 1;top: 10px;}



.section { margin-top: 2px;}
.section ul { position: relative;  width: 1200px;}
.goods-list li.item-first { width: 40%;height: 329px; border: none;}
.goods-list li.item-first .text-con{position:absolute;bottom:20px;width:80%;background:rgba(255,255,255,0.8);left: 10%;padding: 23px 20px;}
.goods-list li.item-first .text-con h2{font-size:20px;margin: 10px 0;padding: 0;}
.goods-list li { float: left; width:20%; overflow: hidden; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;cursor: pointer;}
.goods-list li a.small img { vertical-align: middle; text-align: center;}
.goods-list li a.small .text-con { position: absolute; top: 2px; left: 20px; text-align: left; z-index: 1;}
.goods-list li a.small .text-con h3{ width:80%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goods-list li a.small .text-con h4{width:60%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.goods-list li.item-nav .text-con { color: #333;text-align: center; width: 247px;height: 85px;  background:rgba(255,255,255,0.8);position: absolute; left: 50%;  z-index: 1;  margin-left: -123px;  bottom: 8px;}
.goods-list li.item-nav .text-con h2 { font: 14px/20px Microsoft Yahei;}
.goods-list li.item-nav .text-con span.value { display: block; font: 18px tahoma,Microsoft Yahei;}
.goods-list li a.small h3 {margin-bottom:0; color: #2f2f2f; font: normal 14px Microsoft Yahei;}
.goods-list li a.small h4 { color: #888; font: normal 12px/15px Microsoft Yahei; width: 86px; margin:2px 0;height: 15px; overflow: hidden; display: block;}

.nav-category-list .item{ width:100%;height: 63px;line-height: 67px; float:left;}
.item-ul-first{ position:relative;}
.item_dl{display: block;padding-left: 10px; font-size: 16px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;width:100%;color:#333333;font-size:14px;float: left;height: 52px;line-height: 52px;margin-bottom: 0;}
.item_dl dt{width: 100%;font-weight: 400;border: none;}
.item_dl dt h3{font-size: 14px;color: #000000;/* line-height: 20px; */margin-top: 13px;font-weight: 400;}
.item_dl dt h3 i{margin-right: 10px;position: relative;top: 10px;}
.item_dl dt p{ position: relative;top: -2px;/* display: none; */font-size: 12px;/* color: #999999; *//* left: 28px; */text-overflow:ellipsis;}
.item_dl dt p a{ color: #999999; padding-right: 13px;}
.item_dl dd .no_img a{padding-right: 15px;}
.item_dl dd{position: absolute;width: 500px;height: 450px;left: 191px;top: 0;padding: 5px 11px;background: rgba(255,255,255,0.9);z-index: 1;display: none;}
.item_dl dd ul{}
.item_dl dd ul li{   border-bottom: dotted 1px #dddddd;padding-bottom: 14px; font-size: 12px;padding-top: 4px;}
.item_dl dd .item_ul{}
.item_dl .item_ul{}
.no_b .float-list-btn a{display: inline-block;padding:0 20px;height: 28px;color: #fff;text-align: center; line-height: 26px;   margin: 0 15px 0 0;}
.item_dl .no_b,.item_dl .no_img{margin-top: 10px;}
.no_img .float-list-btn img{height: 49px;border: 1px solid #e5e5e5;}
.float-list-cont em{padding: 0 5px;}
.float-list-cont a{padding: 3px 0;display: inline-block;}
.item_dl dd .item_ul strong{height: 42px;line-height: 40px; display:block;font-size: 14px;}
.nav-category-list .item:hover dd{ display:block;}



.topcity {width: 100%;margin-top: 1px;}
.topcity .index_bo {padding: 28px 20px 20px;hidth: 970px;padding-right: 0}
.topcity a {margin-right: 8px;}
#citysear {display: none;line-height: 22px;	font-size: 14px;float: right}
#clist {width: 1130px;margin: 0 auto;clear: both;overflow: hidden;zoom: 1;padding: 0 0 20px;}
#clist dt {	color: #545454;	float: left;	width: 50px;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	clear: both;	font-weight: bold;	margin: 0;	padding: 3px 0 3px 4px;}
#clist dd {	width: 1054px;	float: left;	margin-left: 0px;	padding: 7px 0;}
#clist dd a {	display: inline-block;	font-size: 14px;	padding: 0 11px 12px 0px;	white-space: nowrap;	text-decoration: none;	color: #999999;}
.footer {	width: 100%;	margin: 0 auto;	text-align: center;	border-top: 1px solid #ccc;	padding: 15px 0px;	font-size: 12px;	line-height: 180%;	overflow: hidden}	
.footer a {	font-size: 12px;	color: #666;	text-decoration: underline
}
a.entrance {	width: 205px;	margin: 0;	font-size: 18px;	line-height: 40px;	text-align: center;	color: #fff;	display: block; background:#2d8701;
}
a.entrance:hover {	background-position: 0 -42px;	color: #fff;}
#around {	display: none}
#clist dt.searchcity {	width: 287px;}
#inputdiv {	border: 1px solid #cdcdcd;	display: inline-block;	width: 135px;*display:inline;*zoom:1;}
#clist dt.searchcity input {	vertical-align: middle;	height: 20px;	line-height: 20px;	padding: 2px 4px;	border: 0;	width: 127px}
#searchspan {	padding: 3px 14px 3px 0;}#popularspan {	padding: 3px 14px 3px 34px;}
#clist dd.popular {	width: 681px;}
.tooltip {	border: 1px solid #ccc;	background: #fff;	margin: -3px 0 0 -1px;*margin:-3px 0 0 0;}
.tooltip li {	padding: 0 5px;	overflow: hidden;	zoom: 1}
.tooltip li a {	color: #545454;	text-decoration: none}
.tooltip li a b {	color: #545454;	font-weight: normal;}
.tooltip li .tool_r {	float: right;	color: #090;	font-size: 11px}
.tooltip li.selected a b, .tooltip li.selected a, .tooltip li.selected .tool_r {	color: #545454}
.tooltip li.selected, .tag_options li.open_hover {	background: #f2f2f2;	color: #545454}
#tooltipdiv2 {	width: 135px;	font-size: 12px;	text-align: left;}
#clist dt.quyu {	color: #000000;	width: 100%;	line-height:60px;height: 60x;	padding-left: 2px;font-size: 16px;	clear: none;
}
#clist dt.quyu span {	padding-right: 4px; padding: 0 10px; border-left:1px solid #000;}
#clist dd.quyu {	height: 34px;	width: 100%;}
#clist dd.quyu span:after{ width:100%; border-bottom:1px dashed #eeeeee;backrgound:#eeeeee; position:relative; top:24px; height:1px; display:block;}
/*品牌*/
.exclusive_t{ height:34px; background-position:center top; margin:0px auto 20px;}
.exclusive_c{ width:1205px;}
.exclusive_c dl{ width:236px; height:396px; float:left; margin-right:5px; overflow:hidden; position:relative;}
.exclusive_c dl dt img{}
.exclusive_c dl dd{ position:absolute; left:38px; bottom:0px; width:160px;}
.exclusive_c dl dd.dd_up{ width:160px; height:0px; overflow:hidden;}
.exclusive_c dl dd.dd_up img{ width:160px; border-bottom:3px solid #463b7f;}
.theHot{ width:100%; margin:20px auto;}
.theHot_t{ background-position: center -71px; height:70px; margin:30px; line-height:70px;}
.theHot_c{ overflow:hidden; position:relative;}
.theHot_c a{ overflow:hidden; position:relative; text-align:center; width:12.5%;padding:0px 7.5px 10px 7.5px; display:block; float:left; line-height:100%;}
.theHot_c a:hover dl dd{ display:block;}
.theHot_c dl{ position:relative; *cursor:pointer;  margin:auto; border:1px solid #dfdfdf;}
.theHot_c dl dt{ padding:24px; background-color:#fff; }
.theHot_c dl dd{ text-align:center; position:absolute;  padding:50px 0 0 0 ; font-size:16px;left:0px;right:0; bottom:0px; top:0px; background:#fff; display:none;}
.theHot_c a.hover{ display:table; display:block; padding-top:50px; height:100px;}
.theHot_c dl dd div{ vertical-align:middle;}
.theHot_c dl dd div span.wz{ font:16px "microsoft yahei"; color:#2d8701; padding:0px 15px 10px 15px; display:inline-block;1px; bottom:-1px; overflow:hidden;}
.theHot_c dl dd div span{ width:100%;}
.allBrands{ background:#fff; width:100%; padding:40px 0px; margin-bottom:60px; position:relative; z-index:1;}
.allBrands_t{ background-position: center -179px; height:34px; margin-bottom:20px;}
.allBrands_c{ min-height:420px; padding:180px 0px 0px 200px;}
.allBrands_c_nogg{ padding-top:48px;}
.allBrands_fixed{ width:100%; position:absolute; left:0px; top:94px;}
.allBrands_nav{ height:44px; background:#fff; position:relative; border-top:4px solid #000000;}
.allBrands_nav_left{ width:100px; position:absolute; left:0px; top:0px; border-top:2px solid #000; margin-top:42px; background:#fff;}
.allBrands_nav_left li{ width:100px; height:34px;}
.allBrands_nav_left li a{}
.allBrands_nav_left li a{ width:67px; height:32px; line-height:32px; border-top:1px solid #fff; border-bottom:1px solid #fff; display:inline-block; padding-left:33px; color:#888888; font-size:12px;cursor:pointer;}
.allBrands_nav_left li a { padding-right:18px; display:inline-block; line-height:100%}
.allBrands_nav_left li a:hover,.allBrands_nav_left li.on a{ color:#000; border-top:1px solid #000; border-bottom:1px solid #000;}


.letters{height:20px; line-height:20px;padding:13px 0px; }
.letters a{ padding:4px 7px ;min-width:9px; text-align:center; display:inline-block; line-height:16px; font-size:14px; color:#000; font-family:microsoft yahei; margin-right:10px;}
.letters{ text-align:center;}
.letters a.color999,.letters a.color999:hover{ color:#999; cursor:default; background:none;}
.letters a:hover,.letters a.onhover{ background:#000; color:#fff;}
.tuijianBrands{ border:1px solid #ededed; padding:16px 19px 17px 59px; position:absolute; right:0px; top:44px; width:920px; background:#fff;}
.tuijianBrands li{ width:92px; height:92px; margin-right:39px; float:left;}
.tuijianBrands li a{ width:90px; height:90px; display:inline-block; padding:1px;}
.tuijianBrands li a:hover{ background:url(http://pic11.secooimg.com/imagesNew/flagship/pp_tuijian_hover.png) no-repeat;}
.letters_cont dl{ padding:13px 0px 15px 90px;min-height:77px; *height:77px; height:auto; border-bottom:1px solid #ededed; position:relative;}
.letters_cont dl.last{ border-bottom:none;}
.letters_cont dl dt{ position:absolute; left:0px;left:-90px; top:7px; font-size:22px;width:38px; text-align:center; color:#fff; background:#ddd; height:38px; line-height:38px;}
.letters_cont dl dt.sz{ width:80px; text-align:left;}
.letters_cont dl dd ul li{ width:50%; float:left; height:24px;}
.letters_cont dl dd ul li a{ display:inline-block; height:24px; line-height:24px; z-index:1;}
.letters_cont dl dd ul li a:hover{ color:#000; text-decoration:underline; *text-decoration:none;}
.brand_layer{ position:absolute; right:-156px; top:0px; z-index:1; width:116px; padding:0px 10px 5px; border:1px solid #dfdfdf; background:#fff; display:none;cursor:pointer;}
.layer_img{ width:90px; height:90px; margin:0px auto;padding:10px 0px;}
.layer_text{ color:#888888; line-height:16px; height:80px; overflow:hidden; border-top:1px solid #e0e0e0; padding:8px 0px 0px; margin-bottom:8px; text-decoration:none!important;}
.layer_sj{  width:25px; height:30px; position:absolute; left:-25px; top:-3px;}
.in-title-top p{height: 1px;width:100%;position: absolute;top: 46px;background:#dddddd;z-index:-1;}
.in-title-top{ height:93px;}

.brands-tabs {width: 100%;}
.brands-tabs {position:relative}
.brands-tabs a{display:block}
.brands-tabs a img{width:100%;height:100%;display:block}
.brands-tabs li{float:left}
.brands-tabs li p{display:block;font-size:30px;text-align:center;color:#dedede;position:absolute;top:50%;width:100%;margin-top:-15px;z-index:3}
.brands-tabs li .g-mask{ opacity:.4}
.brands-tabs li .g-mask-on,.brands .brands-tabs li:hover .g-mask{ opacity:0}
.brands-tabs .hover-contain{position:relative;border-bottom:1px solid #dfdfdf}
.brands-tabs .hover-contain .hoverarr{background-color:#3d3d3d;position:absolute;bottom:0;z-index:10}
.brands-tabs .hover-contain .hoverarr i{width:0;height:0;position:absolute;left:50%;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #3d3d3d;top:-6px;margin-left:-3px}
